首页 > 代码库 > 文字列表无缝向上滚动JavaScript代码
文字列表无缝向上滚动JavaScript代码
<!DOCTYPE html><html><head><meta charset=utf-8><title>文字列表无缝向上滚动JavaScript代码-代码库</title><style>*{margin:0px;padding:0px;border:0px;}body{font-size:12px}a{color:#333333; text-decoration:none;}a:hover{color:#FF0000; text-decoration:none;}#demo1{height:auto;text-align:left;}#demo2{height:auto;text-align:left;}#demo1 li{list-style-type:none;height:22px;background:url() no-repeat left center;text-align:left;text-indent:15px;}#demo2 li{list-style-type:none;height:22px;background:url() no-repeat left center;text-align:left;text-indent:15px;}</style></head><body><div id="demo" style="overflow:hidden;height:125px;width:280px;"> <ul id="demo1"> <li><a href=http://www.mamicode.com/"/" target="_blank">XP Menu 仿QQ菜单管理器左侧菜单</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">多层嵌套的一个层展开</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">《Java2核心技术卷2:高级特性》第7版</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">CSS、HTML教程打包下载 (CHM)</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">《C++ Primer》中文第四版 chm</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">C++工资管理系统(Access)</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">非常牛的左侧栏JS折叠菜单</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">左侧栏JS折叠菜单</a></li> <li><a href=http://www.mamicode.com/"/" target="_blank">《Java2核心特性》第7版</a></li> </ul> <div id="demo2"></div></div> <script> var speed = 80 //速度 var demo=document.getElementById("demo"); var demo2=document.getElementById("demo2"); var demo1=document.getElementById("demo1"); demo2.innerHTML=demo1.innerHTMLfunction Marquee(){ if(demo2.offsetTop-demo.scrollTop <= 0){ demo.scrollTop -= demo1.offsetHeight }else{ demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} //停止demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} //从新开始</script> </body></html>
文字列表无缝向上滚动JavaScript代码
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。