爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JavaSript
不错的图片快讯水平滚动JS代码
不错的图片快讯水平滚动JS代码
日期:2014-05-16 浏览次数:20581 次
不错的图片新闻水平滚动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
相当不错!
上一篇: ssh如何知道删除实体成不成功
下一篇: FireBug的装配与调试js快速入门
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
jsp页面中打印 去除不需要打印的内容
用Javascript兑现让Canvas变模糊的效果
怎么忘却jQuery,开始使用JavaScript原生API
JSP跳转的七种方式
JSP+Struts2+JFreeChart展示图表+鼠标事件
jstack Dump 日记文件分析
jquery easyui datagrid反复刷新
js中的invoke 疑问?该如何处理
【转】解剖JavaScript中的null跟undefined
推荐阅读
更多>
JSP与Servlet中的编码有关问题
三个frame中相互共享值的有关问题
onclick等于假后为什么不会去访问连接了?该如何解决
JSP9大对象
怎么刷新页面
有人用过 ,YUI(Yahoo! User Interface Library)吗? 请教如何使用
js处置Iframe的动态大小
JSP授命元素
12类JavaScript MVC框架之比较
struts2 整合json中的有关问题
下面的js代码有什么东东
关于上拉列表
extjs-grid ie id"不是对象或方法"不兼容有关问题
js中由undefined提起
求javascript入门教程(电子版的更好),该如何解决
js-useful-一
调用服务器端方法的时候遇到一个jquery类型转换的有关问题,求解
求能在IE9+版本(非兼容模式)和火狐上能用的一句脚本改编
js打开新窗口的模式
取得鼠标所在位置的Dom对象,并在该对象内插入1个DIV,该DIV位置跟鼠标位置一致解决方法