|
<style type="text/css"> img{ border:0px; } </style> <!-- 指向链接图片url --> <div id=demo style=overflow:hidden;height:600;width:200;background:#000000;color:#ffffff> <div id=demo1> <!-- 定义图片 --> <a href=http://www.511rich.net target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123414.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123349.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123334.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123255.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123237.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123225.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123121.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123028.jpg"></a> <a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108122624.jpg"></a> </div> <div id=demo2></div> </div>
<script> var speed=10 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>
|