文字横向滚动应用实例(DIV + CSS、鼠标拖动)

来源：互联网发布：知乎国外贵族学校编辑：程序博客网时间：2024/06/07 07:14

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv=Content-Type content="text/html; charset=utf-8"><script src="ddg.js" type="text/javascript"></script><TITLE>文字横向滚动应用实例(DIV + CSS、鼠标拖动) </TITLE><body><script type="text/javascript">function $(id){return document.getElementById(id)};</script><h1>文字横向滚动应用实例(DIV + CSS、鼠标拖动）</h1><br/><br/><style>a,body,select,td,b{font-size:12px;text-decoration:none;}body{background:#ffffff;}a,pre{color:#808080;}a:link,a:visited {color:#555;}a:hover,a:active { color:#ff4e00;}img{border:0}</style><style>.list_top{ width:778px;height:35px;padding-left:30px; overflow:hidden; background:#d0f4ff;}.list_top .Empty{ width:40px; height:40px; float:left;}.hot{ width:720px;height:40px;}.hot ul{ width:720px; height:30px; overflow:hidden; margin:0;padding:0;}.hot ul li{ width:200px; height:30px; float:left; margin-right:15px; line-height:30px;}.hot ul li a{ color:#0066ff; font-size:14px; font-weight:bold;}</style><div class="list_top"><div id="hottitle" class="hot"><ul id="ulid"><li><a href="javascript:void(0)">文字横向滚动1</a></li><li><a href="javascript:void(0)">文字横向滚动2</a></li><li><a href="javascript:void(0)">文字横向滚动3</a></li><li><a href="javascript:void(0)">文字横向滚动4</a></li><li><a href="javascript:void(0)">文字横向滚动5</a></li><li><a href="javascript:void(0)">文字横向滚动6</a></li></ul></div></div><SCRIPT language=javascript>new Marquee(["hottitle","ulid"],2,2,720,30,20,0,0);</SCRIPT><div style="position:absolute;top:-10000px;"><script language="javascript" type="text/javascript" src="http://gundong.js"></script></div></body></html>

要ddg.js和gundong.js文件的，留言我

1 1