【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动)
<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{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)">文字横向滚动1</a></li>
<li><a href="javascript:void(0)">文字横向滚动1</a></li>
<li><a href="javascript:void(0)">文字横向滚动1</a></li>
<li><a href="javascript:void(0)">文字横向滚动1</a></li>
<li><a href="javascript:void(0)">文字横向滚动1</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="gundong.js"></script></div>
【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动),布布扣,bubuko.com
【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动)
原文：http://blog.csdn.net/ddgweb/article/details/21085539