jQuery实例之实现滚动广告的功能
来源:互联网 发布:淘宝特价 编辑:程序博客网 时间:2024/05/21 05:55
jQuery 滚动广告功能的实现
<html><head><title>demo.html</title><script src="jquery.js"></script><style>* { padding: 0; margin: 0;}body { margin: 50px;}ul { line-style-type: none;}li { height: 30px; line-height: 30px;}</style></head><body> <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> </ul> <script> setInterval(function(){ var newLi = $('ul>:first').clone(true); $('ul').append(newLi); $('ul>:first').remove(); },2000);//每2秒滚动一次 </script></body></html>
0 0
- jQuery实例之实现滚动广告的功能
- Jquery实现广告滚动
- 利用JQuery实现广告动态滚动特效
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- jquery广告滚动框
- 使用jQuery实现的简单滚动新闻功能
- jquery实现的滚动新闻(多个实例代码)
- jQuery实现公告文字左右滚动的实例代码
- jQuery实现的浮动广告
- jquery实现无限滚动之可控滚动
- 纯javascript实现广告的无缝滚动
- JavaScript实现简单的广告滚动条
- jQuery 实现顶部大幅滚动下拉广告效果
- Android_ViewPager实现滚动广告
- jQuery下的返回顶部功能的实现实例页面
- jQuery下的返回顶部功能的实现实例页面
- 模板
- node.js 学习记录(一)安装
- POJ 3254 Corn Fields 状态压缩dp 查找情况数
- ASP.Net WebAPI的返回值
- nodejs 周操作
- jQuery实例之实现滚动广告的功能
- [JS]document.body.clientHeight的取值(转)
- MongoDB学习-环境搭建与配置
- sql循环数据添加
- java枚举类型enum详解
- Xcode7.2 KSImageNamed 安装后无效解决方法
- Python--递归和快速排序 -- quickSort
- Openfire的学习
- struct和class的继承方式