专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »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条 分0页

发表评论

  • 昵称:
  • 内容: