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

不错的图片新闻水平滚动JS代码
代码特点: 
1,JS代码进行有效封装过!
2,修改比较容易

不足之处在于翻滚过程动静太大。
   
1 楼 fangzhongteng 2010-02-06  
   先下载看看,看完后再来交流
2 楼 dayone 2010-02-08  
效果挺不赖的~
3 楼 need_faith 2010-02-08  
简洁、优雅,赞
4 楼 welody 2010-02-08  
视觉效果很不错。不过这个是有声音的?
5 楼 rainsilence 2010-02-08  
1.你是说最后一张图片回到第一张图片的时候动静太大?
你这个问题很容易解决。在移动到第二张页面的时候把第一个图片粘到最后一张的后面就成了。这样顺序会变成1->2->3->4->1。然后点击下面数字的时候,把点击的图片粘到当前图片的后面,在移动的时候进行排序。比如当前是2,然后你点了4,那么在点击的时候,图片顺序为2->4->1->3。然后将2移动完成的时候变成4->1->2->3的顺序。

黏贴的方法为appendChild,用树形中已有的节点插入意味着节点的移动。这样动静就会小很多。而且速度不慢。

2.我觉得你的功能实现了,但是代码复杂度可以降低。我写了一个Timer类用于封装setTimeout,setInterval。在我的博客里,关于Timer类的Sample里也实现了一个类似于你这个功能的小应用程序,代码比你要简单很多。。。
6 楼 rainsilence 2010-02-08  
还有appendChild的方法同样在sample里有体现
7 楼 vision2000 2010-02-09  
相当不错!