滚动的公告实现
2015-09-30 11:48
344 查看
html: <div class="systemnotice" style="height: 23px; overflow: hidden; position: relative;"> <ul style="position: absolute; top: 0; left: 0; padding-left: 45px; padding-top: 5px;"> <li>第1行</li> <li>第2行</li> <li>第3行</li> <li>第4行</li> <li>第5行</li> <li>第6行</li> </ul> </div>
js: setInterval(function () { var ul = $(".systemnotice ul"); var li = ul.find("li:first"); ul.animate({ "top": "-=23px" }, 1000, function () { ul.append(li).css("top", 0); }); }, 3000);
相关文章推荐
- jQuery 事件 - bind() 方法
- SDE ST_Geometry SQL st_intersects查询很慢的解决方法
- opensatck 在启动的时候注入额外的信息
- 话说移动时代的桌面操作系统
- 程序员在编程中遇到的奇葩弱智问题
- E437: terminal capability "cm" required
- Insecure directory in $ENV{PATH} while running with -T switch at /usr/bin/pg_ctlclust
- codeforces 540 D. Bad Luck Island (概率dp)
- 2. 配置Xdebug
- viewDidLayoutSubviews
- C# 图片与Byte[]之间的转换
- [转]JAVA中IP和整数相互转化
- JSON.parse() 与 eval()
- 爱上linux(2)-tar解压
- iOS:UIPageViewController翻页控制器控件详细介绍
- 苹果6s速度有多快?
- select into from与insert into select区别详解,sql语句复制表
- cocos2D v3.x中动作回调函数的变化
- 通过蓝牙调试(穿戴设备app) - 开发文档翻译
- [置顶] onTouchEventListener实现悬浮按钮