连续不间断横向滚动图片

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

<table width=700 border=0 cellpadding=0 cellspacing=0>

<tr><td>

<div id=demo style=overflow:hidden;height:120;width:700;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>

<table border=0 cellpadding=0 cellspacing=0>

<tr><td><a href=# target=_blank><img src=jsimg/1.jpg width=150 height=100 class=b5 hspace=22></a><br><center><b>说明一</b></center></td>

<td width=30></td>

<td><a href=# target=_blank><img src=jsimg/2.jpg width=150 height=100 class=b5 hspace=22></a><br><center><b>说明二</b></center></td></td>

<td width=30></td>

<td><a href=# target=_blank><img src=jsimg/3.jpg width=150 height=100 class=b5 hspace=22></a><br><center><b>说明三</b></center></td>

<td><a href=# target=_blank><img src=jsimg/4.jpg width=150 height=100 class=b5 hspace=22></a><br><center><b>说明四</b></center></td>

<td width=30></td>

<td><a href=# target=_blank><img src=jsimg/5.jpg width=150 height=100 class=b5 hspace=22></a><br><center><b>说明五</b></center></td>

</tr>

</table>

</td><td id=demo2 valign=top></td></tr></table></div>

<script>

var speed=10//速度数值越大速度越慢

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>

</td></tr>

</table>

效果演示:http://www.smallrain.net/js_show.asp?id=722

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航