<!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" />
<style type="text/css" media="screen">
*{margin:0;padding:0;font-size:12px;}
img{border:none;}
a:link,a:visited{color:#0044DD;text-decoration:none;}
a:hover,a:active{color:#FF5500;text-decoration:underline;}
a.U:link,a.U:visited{color:#0044DD;text-decoration:underline;}
a.U:hover,a.U:active{color:#FF5500;text-decoration:underline;}
#Content3{height:298px;width:160px;border:1px #912402 solid;text-align:center;}
div#Content3 #Text3{clear:both;padding:3px 0 0 30px;height:48px;background:url(http://pics.taobao.com/2k6/chl/v1/game/0608/game060801_style_5.gif) -5px 0 no-repeat;}
div#Content3 #Text3 li{display:block;height:16px;line-height:16px;width:98px;float:left;}
div#Content3 #Text3 a:link,div#Content3 #Text3 a:visited{color:#FFF;text-decoration:none;}
div#Content3 #Text3 a:hover,div#Content3 #Text3 a:active{color:#FFF;text-decoration:underline;}
div#Content3 #Text3 a.U:link,div#Content3 #Text3 a.U:visited{color:#FFF;text-decoration:underline;}
div#Content3 #Text3 a.U:hover,div#Content3 #Text3 a.U:active{color:#FFF;text-decoration:underline;}
#brand_toplist_box{width:100px;height:250px;overflow:hidden;}
#brand_toplist_box ul{list-style:none;margin:0;text-align:center;}
#brand_toplist_box li{height:125px;width:100px;display:block;float:left;text-align:center;}
#brand_toplist_box img{width:80px;height:100px;display:block;}
</style>
</head>
<body>
<base target="_blank">
<div id="Content3">
<div id="brand_toplist_box">
<ul id="brand_toplist_1">
<li><a href="http://search1.taobao.com/browse/99-40-4011/t-yes-----------g,ojsxgzlsozsv64dsnfrwkwzsfqytambqgaydambqlu---g,kfisaloa5xbnw---------------y-40-list-bid-0-1,2-4011.htm" target="_blank"><img src="http://pics.taobao.com/bao/album/chl/game/11q212313.jpg" />红黄蓝紫钻2元/月</a></li>
<li><a href="http://search1.taobao.com/browse/99-40-50001252-50003377/t-g,guycbqfowdea---------------y-40-list-ends-0-all-50003377.htm" target="_blank"><img src="http://pics.taobao.com/bao/album/chl/game/xiaolaba.jpg" />50个小喇叭10元</a></li>
<li><a href="http://search1.taobao.com/browse/99-40-50001252-50003375/t-yes-----------g,ojsxgzlsozsv64dsnfrwkwzrfqytambqgaydambqlu---g,x34lbzq---------------y-40-grid-bid-0-1,2-50003375.htm" target="_blank"><img src="http://pics.taobao.com/bao/album/chl/game/xiuxiu1.jpg" />绝版QQ秀1元起</a></li>
<li><a href="http://list.taobao.com/browse/99-40-4011/t-yes-------g,giydombthiztamjyge--g,hmzdanzqgm5lxyouwe--g,ojsxgzlsozsv64dsnfrwkwztfqytaxi------------------y-40-list-bid-0-1,2-4011.htm" target="_blank"><img src="http://pics.taobao.com/bao/album/chl/game/1231222daa2.bmp" />QQ会员2元/月</a></li>
</ul>
<ul id="brand_toplist_2">
</ul>
</div>
<script>
var lh=125; //高度
var speed=10; //速度
var stopm=false;
var stoptime=100; //停顿时间
var steph=0;
var stept=0;
var demo=document.getElementById("brand_toplist_box");
var demo2=document.getElementById("brand_toplist_2");
var demo1=document.getElementById("brand_toplist_1");
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(stopm==true)return;
steph+=1;
if (steph>lh){
stept+=1;
steph-=1;
if(stept>=stoptime){
steph=0;
stept=0;
}
}else{
demo.scrollTop+=1;
if(demo.scrollTop >= lh*4) {
demo.scrollTop = 0;
}
}}
MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
<ul id="Text3">
<li><a href="http://forum.taobao.com/forum-48/show_thread----5557969-.htm" target="_blank">你的QQ为谁闪亮</a></li>
<li><a href="http://forum.taobao.com/forum-48/show_guide----5094664-.htm" target="_blank">购买QQ完全手册</a></li>
<li><a href="http://forum.taobao.com/forum-48/show_thread----4689342-.htm" target="_blank">超级养Q宠大秘籍</a></li>
<li><a href="http://forum.taobao.com/forum-48/show_guide----5703068-.htm" target="_blank">驯服腾讯小企鹅</a></li>
</ul>
</div>
</body>
</html>
lh的值同DIV的高度有关,而且要刚刚好,最好就是计算一下,lh* ? 这个好重要,当出错,就不会动的了~ 还有就是DIV 层一定要隐藏喔~如果同一个页面
要多个这些滚动,最好全部参数的名称都不同~ DIV的名称 也一样~