论坛首页 Web前端技术论坛

不错的图片新闻水平滚动JS代码

浏览 7169 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-02-04  
代码特点: 
1,JS代码进行有效封装过!
2,修改比较容易

不足之处在于翻滚过程动静太大。
   
  • tpgd.rar (251.7 KB)
  • 下载次数: 1120
   发表时间:2010-02-06  
   先下载看看,看完后再来交流
0 请登录后投票
   发表时间:2010-02-08  
效果挺不赖的~
0 请登录后投票
   发表时间:2010-02-08  
简洁、优雅,赞
0 请登录后投票
   发表时间:2010-02-08  
视觉效果很不错。不过这个是有声音的?
0 请登录后投票
   发表时间: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里也实现了一个类似于你这个功能的小应用程序,代码比你要简单很多。。。
0 请登录后投票
   发表时间:2010-02-08  
还有appendChild的方法同样在sample里有体现
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics