JS特效之连续不断横向滚动图片代码

来源：互联网发布：奥丁的子女知乎编辑：程序博客网时间：2024/06/14 18:22

<table width=700 border=0 cellpadding=0 cellspacing=0>
<tr><td>
<div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_qpsh_com1 valign=top>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td><a href=http://www.fankelipinka.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9097.jpg" width=150 height=100 hspace=22></a><br><center><b>说明一</b></center></td>
<td width=30></td>
<td><a href=http://www.wangtx.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9092.jpg" width=150 height=100 hspace=22></a><br><center><b>说明二</b></center></td></td>
<td width=30></td>
<td><a href=http://www.yamaxun.org target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9084.jpg" width=150 height=100 hspace=22></a><br><center><b>说明三</b></center></td>
<td><a href=http://www.cnwenger.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9079.jpg" width=150 height=100 hspace=22></a><br><center><b>说明四</b></center></td>
<td width=30></td>
<td><a href=http://www.pc555.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9070.jpg" width=150 height=100 hspace=22></a><br><center><b>说明五</b></center></td>
</tr>
</table>
</td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
function Marquee(){
if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
else{
www_qpsh_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
本代码由<a href=http://www.qpsh.com>网页特效网</a>提供