jquery实现新闻消息滚动
来源:互联网 发布:出柜后父母反对知乎 编辑:程序博客网 时间:2024/05/16 13:25
html代码: <div class="root"> <div class="mainleft"> <span>今日消息</span> </div> <div class="mainright"> <ul> <li>hjkdfhkh-lkj- lkdj开发完成</li> <li>jlhhkfsdffsdfdgfsdgsddfddst正在开发中</li> <li>我还一直在开发中哦</li> <li>oop马上开发完成,敬请期待</li> </ul> </div> </div>css代码:.root{ height: .35rem; line-height: .35rem; border-top: .01rem solid #ccc; font-size: .12rem; overflow: hidden;}.mainleft{ float: left; padding: 0 .1rem; border-right: .01rem solid #ccc;}.mainright{ float: left; padding: 0 .1rem;}js代码:<script> function AutoScroll(obj) { $(obj).find("ul:first").animate({ marginTop: "-.35rem" }, 1000, function() { $(this).css({ marginTop: "0" }).find("li:first").appendTo(this); } );}$(document).ready(function() { setInterval('AutoScroll(".mainright")', 1800)});</script>
阅读全文
0 0
- jquery实现新闻消息滚动
- jquery实现新闻滚动
- jquery实现QQ新闻图片滚动
- jQuery实现多行新闻滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- Jquery滚动新闻
- jquery的新闻滚动
- Jquery 滚动新闻
- jquery实现的滚动新闻(多个实例代码)
- 使用jQuery实现的简单滚动新闻功能
- jquery实现的向上无缝循环滚动的新闻效果
- jQuery实现js新闻段落向上无缝滚动
- <js>jquery实现新闻滚动效果,ie11支持
- Javascript实现滚动新闻
- html 实现滚动新闻
- 新闻滚动栏效果--JQuery
- VMware
- Java发送邮件(二)
- Looper.prepare();
- const指针17.11.14
- 提高并发插入性能-写敏感系统优化
- jquery实现新闻消息滚动
- maven jetty插件,修改jetty端口号
- NYOJ 56
- Oracle数据库表空间管理
- 树形结构的处理——组合模式(四)
- Qt之定制个性化系统托盘菜单
- volatile关键字小结
- const 常量
- 关于学业深造以及初入职场有感