javascript实现滚动图片

转载 2007年09月17日 16:47:00
<DIV id=demo
style="OVERFLOW: hidden; WIDTH: 640; COLOR: #ffffff; HEIGHT: 130px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=5 border=0>
<TBODY>
<TR align=middle>
<TD width=200>
<img src="images/tupian/3-12.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-6.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-4.jpg" width="160" height="113" /> </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>  

相关文章推荐

JavaScript实现简单图片滚动 --9张图告诉你,C罗欲哭无泪

昨晚德国和葡萄牙的焦点之战你看了吗?北京时间凌晨的比赛中,C罗领衔的葡萄牙0-4德国被完灭……他是金球奖得主、欧洲金靴、欧冠冠军核心,在葡萄牙队

【web前端】JavaScript实现图片幻灯片滚动播放动画效果

JavaScript实现图片幻灯片滚动播放动画效果 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinx...

Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)

1、无缝滚动 原理:(1)让div动起来,让ul一直向左/向右移动;       (2)即利用定时器让物体从左到右或从右到左进行滚动。 步骤:(1)复制li——innerHTML和+=,将

利用javascript的setInterval()函数实现的图片无缝滚动

javascript中的setIntervar()函数无限的隔一段时间执行,利用这个原理可以实现一个图片无缝滚动的功能,当然现在网上已经有很多这方面的功能,但是自己动手来实现的还是有点不一样的,不多说...

javascript实现图片滚动效果

无标题文档 div{ position:absolute; } //获取图片div对象 var img=document.getElementById("divimg...

javascript 实现新闻咨询图片滚动效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> ...

纯javascript实现文字、图片无限滚动效果

使用说明:xMarquee(' 对象id ',' 滚动方向 ',' 偏移(正整数,越大滚动越快,默认 1) ',' 频率(正整数,越小滚动越快,默认 50) '); 根据个人需求可以对'偏移'和'频率...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)