【急】js操作table标签实现图片连续滚动原理求解

asdddadaff 2015-10-13 08:27:44

<!--图片滚动栏-->
<div id="colee_left" style="overflow:hidden;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="./images/dgut1.jpg"></td>
<td><img src="./images/dgut2015jx.jpg"></td>
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
/*图片滚动栏*/
//使用div时,请保证colee_left2与colee_left1是在同一行上.
var speed=18;//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML;
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度
colee_left.scrollLeft-=colee_left1.offsetWidth;//scrollWidth 是对象的实际内容的宽,不包边线宽度
else{
colee_left.scrollLeft++;
}
}
var MyMar3=setInterval(Marquee3,speed);
colee_left.onmouseover=function() {clearInterval(MyMar3);}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed);}
</script>


这个是怎么利用table标签实现的?求高手解析
div里面一个table里面又一个table 看不懂啊
colee_left ,colee_left1 和colee_left2分别有什么用的
帮帮忙

还有这里
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度
colee_left.scrollLeft-=colee_left1.offsetWidth;//scrollWidth 是对象的实际内容的宽,不包边线宽度
else{
colee_left.scrollLeft++;
怎么理解?
...全文
88 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
asdddadaff 2015-10-13
  • 打赏
  • 举报
回复
还有
请问要怎么改成不连续要间断的?

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧