首页 »Javascript教程 » 无缝图片滚动代码:图片无缝滑动代码 »正文无缝图片滚动代码:图片无缝滑动代码来源: 发布时间:星期三, 2008年9月10日 浏览:1407次 评论:0
<DIV id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 600px; COLOR: #ffffff; HEIGHT: 180px"> <TABLE cellPadding=0 align=center border=0 cellspace="0"><TBODY><TR><TD id=demo1 vAlign=top><IMG height=180 alt=无缝滑动演示 src="/index/1.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/2.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/3.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/4.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/5.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/6.gif" border=0><IMG height=180 alt=镇江华光化纤设备有限公司 src="/index/7.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/8.gif" border=0><IMG height=180 alt=无缝滑动演示 src="/index/9.gif" border=0> </TD><TD id=demo2 vAlign=top><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/1.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/2.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/3.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/4.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/5.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/6.gif" border=0><IMG height=180 alt=镇江华光化纤设备有限公司 src="http://blog.csdn.net/index/7.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/8.gif" border=0><IMG height=180 alt=无缝滑动演示 src="http://blog.csdn.net/index/9.gif" border=0> </TD></TR></TBODY></TABLE>
<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> </DIV> <!--图片滚动代码结束--> <PRE></PRE> 0
相关文章
读者评论
发表评论 |