【急】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++;
怎么理解？

...全文