屏幕中公告滚动 新闻滚动 音乐滚动 html js写法(以公告滚动为例)
来源:互联网 发布:qq群推广淘宝客链接 编辑:程序博客网 时间:2024/06/02 05:28
历史公告
<!--公告--> <div class="live_corps_news clearfix right"> <div id="scroll_news"> <ul id="importData" class="live_corps_news_list clearfix"> <li style="font-size: 16px;color: #757575;">暂无公告</li> <li style="font-size: 16px;color: #757575;">暂无公告</li> </ul> </div> <div class="live_corps_news_ctrol"> </div> <div class="live_corps_news_list_non" style="display: none;"> <span class="list_non_sp">历史公告</span> <ul id="importDataAll" class="clearfix"> </ul> </div></div>
js执行
<script>
//公告滚动var scrollIndex = 0;var scrollTimer = null;var flag = true;function priceScroll_f() { clearInterval(scrollTimer); var ul = $("#importData"); var li = ul.children("li"); function run() { if (scrollIndex >= li.length / 2) { ul.css({top: 0}); scrollIndex = 1; ul.stop().animate({top: -scrollIndex * 43}, 200); } else { scrollIndex++; ul.stop().animate({top: -scrollIndex * 43}, 200); } } scrollTimer = setInterval(run, 3000);}$(document).on("mouseover", "#importData li", function () { clearInterval(scrollTimer);});$(document).on("mouseout", "#importData li", function () { priceScroll_f();});
</script>
1 0
- 屏幕中公告滚动 新闻滚动 音乐滚动 html js写法(以公告滚动为例)
- js新闻滚动公告
- HTML 公告滚动
- 滚动 公告
- 横向滚动公告html + css + js
- 图象滚动公告版
- 滚动公告版
- 图象滚动公告版
- 垂直滚动公告板
- 网站公告滚动
- jquery垂直公告滚动
- jquery滚动公告demo
- 公告字幕滚动开发
- 公告循环向上滚动
- JQuery实现滚动公告
- 公告滚动代码
- 滚动通知(中奖公告)
- 上下滚动公告
- EL 嵌套
- hive 数据导入导出(单表)
- SBDoc 2.0 版本发布,添加接口自动化测试
- 读书笔记(V) 编程珠玑
- Linux下exec函数族(execl,execv,execle,execve,execlp,execvp,fexecve)的使用和对比
- 屏幕中公告滚动 新闻滚动 音乐滚动 html js写法(以公告滚动为例)
- nc命令的部分用法和举例(不断更新)
- 关于项目在Xcode更新8.3.2 (使用子模块引入ReactiveCocoa报错)
- SpringMVC中JSP取不到ModelAndView中的值
- 字节对齐
- Oracle data guard 主库备库切换演练
- PreparedStatement的优势
- IP地址的分类——a,b,c 类是如何划分的
- PHP——数据库(更新)