jQuery实现滚动公告练习
2016-07-18 17:09
441 查看
jQuery实现滚动公告练习,使用appendTo()方法将第一个子项移动到最后一个,单纯练习,不提倡此做法!
HTML:
JQ:
HTML:
<ul> <li>我是第1条滚动公告</li> <li>我是第2条滚动公告</li> <li>我是第3条滚动公告</li> <li>我是第4条滚动公告</li> <li>我是第5条滚动公告</li> <li>我是第6条滚动公告</li> <li>我是第7条滚动公告</li> <li>我是第8条滚动公告</li> <li>我是第9条滚动公告</li> <li>我是第10条滚动公告</li> <li>这种方式需要大量操作DOM,效率不高,不提倡</li> </ul>
JQ:
setInterval(function(){ var newLi=$("ul>:first"); newLi.appendTo($("ul")); //好粗暴,看看就好~ },2000);
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- JavaScript 各种遍历方式详解
- 数组方法汇总
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?