当前位置:asp编程网>技术教程>Javascript教程>  正文

横向图片滚动js代码

2007-11-15 12:44:48   来源:网络    作者:佚名   浏览量:2127   收藏
<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

关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网