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 实现图片横向滚动

  • 2009年04月09日 23:37
  • 2KB
  • 下载

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

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

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

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

javascript实现图片无缝滚动

代码如下; 图片滚屏效果 window.onload=function(){ var oDiv=document.getElementById('roll'); var oUl=oD...

javascript实现图片无缝滚动(scrollLeft的用法介绍)

无标题文档 .piczhanshi{width:976px;height:167px;border:1px #999999 solid;margin:0 auto;} h3{ float:left;...

JavaScript实现 页面滚动图片加载

JavaScript实现 页面滚动图片加载 原文地址:http://www.cnblogs.com/Darren_code/archive/2011/07/21/LoadImage.html ...

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

使用说明:xMarquee(' 对象id ',' 滚动方向 ',' 偏移(正整数,越大滚动越快,默认 1) ',' 频率(正整数,越小滚动越快,默认 50) '); 根据个人需求可以对'偏移'和'频率...

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

javascript中的setIntervar()函数无限的隔一段时间执行,利用这个原理可以实现一个图片无缝滚动的功能,当然现在网上已经有很多这方面的功能,但是自己动手来实现的还是有点不一样的,不多说...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript实现滚动图片
举报原因:
原因补充:

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