欢迎光临
我们一直在努力

横向图片滚动js代码

建站超值云服务器,限时71元/月

<TABLE cellSpacing=0 cellPadding=0
 width=100% align=center border=0>
<TBODY>
<TR>
<TD width="769">
<DIV id=demo 
style="OVERFLOW: hidden; WIDTH:550px; COLOR: #ffffff;
 HEIGHT: 130px">
<TABLE cellPadding=0 align=left border=0 
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><A href="#" target=_blank>
<IMG src="images/a1.jpg" width="135" height=90
hspace=2 ></A></TD>
<TD width=15></TD>  
<TD><A href="#" target=_blank>
<IMG src="images/a2.jpg" width="135" height=90
 hspace=2 >
</A></TD>
<TD width=15></TD> 
<TD><A href="#" target=_blank>
<IMG src="images/a6.jpg" width="135" height=90 
hspace=2></A></TD>
<TD width=15></TD> 
<TD><A href="#" target=_blank>
<IMG src="images/a4.jpg" width="135" height=90 
hspace=2 ></A></TD>
<TD width=15></TD> 
<TD><A href="#" target=_blank>
<IMG src="images/a5.jpg" width="135" height=90
 hspace=2 ></A></TD>
<TD width=15></TD>
</TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR>
</TBODY></TABLE></DIV>
<SCRIPT>
var speed=30//速度数值越大速度越慢
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> 
</TR></TBODY></TABLE>
源码下载地址:http://www.aspprogram.cn/soft.asp?id=25

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 横向图片滚动js代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址