网址[url]http://movie.douban.com[/url]
1 先上图
[img]http://dl2.iteye.com/upload/attachment/0108/4474/df716945-930e-34c8-962a-1aac33013002.png[/img]
下面4附图的onmouseover事件会悬空触发图片介绍div 并且它每一屏的第4个li的介绍是在外面的 一般的做法是将图片介绍div绑定在ul下的li标签内 (有内在的逻辑)但是可以知道图片是在不断向左滚动的,那么就必须在unordered list(<ul>)外套一个元素使多出的ul隐藏,但隐藏ul也会隐藏介绍div 故不能这么做 必须逃脱中间兰的限制 所以把它放在了最后,通过appendChild的形式进行显示
先获取每一个li的绝对left top 再在它的基础上设介绍div的位置
注意到有延迟显示 故代码中有setTimeout
2 右上角douban app onmouseover 居然只显示了一部分 其实可以看做是一个矩形除去右上角的登陆注册 故把登陆注册设为z-Index :10 即可有这种效果
1 先上图
[img]http://dl2.iteye.com/upload/attachment/0108/4474/df716945-930e-34c8-962a-1aac33013002.png[/img]
下面4附图的onmouseover事件会悬空触发图片介绍div 并且它每一屏的第4个li的介绍是在外面的 一般的做法是将图片介绍div绑定在ul下的li标签内 (有内在的逻辑)但是可以知道图片是在不断向左滚动的,那么就必须在unordered list(<ul>)外套一个元素使多出的ul隐藏,但隐藏ul也会隐藏介绍div 故不能这么做 必须逃脱中间兰的限制 所以把它放在了最后,通过appendChild的形式进行显示
先获取每一个li的绝对left top 再在它的基础上设介绍div的位置
注意到有延迟显示 故代码中有setTimeout
2 右上角douban app onmouseover 居然只显示了一部分 其实可以看做是一个矩形除去右上角的登陆注册 故把登陆注册设为z-Index :10 即可有这种效果