日期:2014-05-16  浏览次数:20439 次

一个JS效果的实现
优酷-电视剧页面

请教下,优酷电视剧页面这个效果咋实现的?

------解决方案--------------------
图片延迟加载 jqueryload
------解决方案--------------------

那页面是细节很多,不知道你说的是哪个。

如果就页面中部那个移动的效果:(内部的载入效果需要另写)

第一步,先新建一个DIV(样式相同),附在原DIV右侧。

(这两个DIV是放在一个大的DIV中,再外围DIV的样式属性要为overflow: hidden;将超出部分隐藏)

第二步,外部大的DIV有LEFT属性开始逐步变负(-1px -2px -3px .... -DIV宽度),实现横向移动特效。

第三步,将前一个DIV删除,LEFT属性重置为0。

以上只是它实现方法的简单描述。

这个特效主要还是依靠CSS样式,你要考虑的问题很多特别是多浏览器的兼容。

JS代码只是很小的一个部分,如果你能把它的CSS样式搞出来,JS代码自然水到渠成了。

最后祝好运~:)


------解决方案--------------------
可以参考jquery cycle。
------解决方案--------------------
“不是我很懒,而是你人贪”?
问题都说得不明白,不是懒是什么。
------解决方案--------------------
探讨

“不是我很懒,而是你人贪”?
问题都说得不明白,不是懒是什么。

------解决方案--------------------
页面那个多内容,谁知道你想要什么效果。