分享

图片向左滚动代码

 山阴县教科局 2013-03-29

图片向左滚动代码

代码如下:

<DIV id=mydemo style="OVERFLOW: hidden; WIDTH: 540px; HEIGHT: 160px">
<TABLE cellSpacing=5 cellPadding=0 align=center border=0 cellspace="0">
<TBODY>
<TR>
<TD id=mydemo1 vAlign=center width=200>
<TABLE cellSpacing=5 cellPadding=0 align=center border=0>
<TBODY>
<TR vAlign=top align=middle>
<TD width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD>
<TD align=middle width=126><IMG height=114 src="图片路径" width=132></TD></TR></TBODY></TABLE>
<TD id=mydemo2 vAlign=top width=19> </TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
var speed0=15
mydemo2.innerHTML=mydemo1.innerHTML
function Marquee10(){
if(mydemo2.offsetWidth-mydemo.scrollLeft<=0)
mydemo.scrollLeft-=mydemo1.offsetWidth
else{
mydemo.scrollLeft++
}
}
var MyMar10=setInterval(Marquee10,speed0)
mydemo.onmouseover=function() {clearInterval(MyMar10)}
mydemo.onmouseout=function() {MyMar10=setInterval(Marquee10,speed0)}
            </SCRIPT>
</DIV>

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约