文字向上无缝滚动
2014-01-25 00:42
218 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文字列表无缝向上滚动JavaScript代码</title> <style> *{margin:0px;padding:0px;border:0px;} body{font-size:12px} #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:80px;width:280px;"> <ul id="demo1"> <li><a href="/soft/4216.shtml" target="_blank">《C++ Primer》中文第四版 chm</a></li><li><a href="/soft/3388.shtml" target="_blank">C++工资管理系统(Access)</a></li><li><a href="/soft/2009.shtml" target="_blank">非常牛的左侧栏JS折叠菜单</a></li> </ul> <div id="demo2"></div> </div> <script> var speed=40 var demo=document.getElementById("demo"); var demo2=document.getElementById("demo2"); var demo1=document.getElementById("demo1"); demo2.innerHTML=demo1.innerHTML function 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>
特别注意:里面的循环的一定要多,否则会停下来!!!
相关文章推荐
- Android--去除EditText边框,添加下划线,
- 干货!表达式树解析"框架"(3)
- 单元测试
- 2013年终总结
- 最常用的设计模式
- eclipse+spket+Extjs4.2.1开发环境搭建
- RH318之虚拟机创建及其它功能
- C#简单实现贪吃蛇程序(LinQ + Entity)
- JS逗号、冒号与括号
- Support Library Features
- CloudStack4.2登录报用户名或密码错误问题解析
- 尾数为0零BigDecimal不能装成正常数
- 国内最全最详细的hadoop2.2.0集群的HA高可靠的最简单配置
- 黑马程序员_java基础笔记(08)...GUI,网络编程,正则表达式
- JavaScript里的依赖注入
- 【iCore2 模块相关资料】发布模块DEMO 代码包,目前支持 iM_TFT30、 iM_LAN和 iM_RGB 三个模块
- Oracle 多进程更新同一个表
- python2.6 pyc反编译
- Perl笔记:Perl语言入门(第六版) - 数据类型
- C#实现对文件目录的实时监控