大家帮忙看下这个无线移动的JS代码
现在可以实现无限移动,但是DIV下面必须是TABLE,如果我换成DIV的话,我发现mbigdiv.scrollLeft永远为0
这是为什么呢?
我希望是DIV下面没有TABLE全部是DIV,可以实现无限移动
<div id="mbigdiv" style="overflow:hidden;border:1px;width:200px;height:100px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="divold">
<table>
<tr>
<td>
<img src="testImgs/3.jpeg"/>
</td>
<TD>
<img src="testImgs/4.jpeg"/>
</TD>
<td>
<img src="testImgs/iphone-4.jpeg"/>
</td>
<Td>
<img src="testImgs/ibmT401.jpg"/>
</td>
<Td>
<img src="testImgs/Two.jpeg"/>
</td>
</tr>
</table>
</td>
<td id="divnew">
</td>
</tr>
</table>
</div> <script type="text/javascript">
var speed= 10//速度数值越大速度越慢
divnew.innerHTML=divold.innerHTML//将原来的内容复制一份到新区域
//滚动函数
function Marquee(){
if(divnew.offsetWidth-mbigdiv.scrollLeft<=0)
mbigdiv.scrollLeft-=divold.offsetWidth;
else{
mbigdiv.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
mbigdiv.onmouseover=function() {
clearInterval(MyMar)
}
mbigdiv.onmouseout=function() {
MyMar=setInterval(Marquee,speed)
}
</script>
现在可以实现无限移动,但是DIV下面必须是TABLE,如果我换成DIV的话,我发现mbigdiv.scrollLeft永远为0
这是为什么呢?
我希望是DIV下面没有TABLE全部是DIV,可以实现无限移动
<div id="mbigdiv" style="overflow:hidden;border:1px;width:200px;height:100px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="divold">
<table>
<tr>
<td>
<img src="testImgs/3.jpeg"/>
</td>
<TD>
<img src="testImgs/4.jpeg"/>
</TD>
<td>
<img src="testImgs/iphone-4.jpeg"/>
</td>
<Td>
<img src="testImgs/ibmT401.jpg"/>
</td>
<Td>
<img src="testImgs/Two.jpeg"/>
</td>
</tr>
</table>
</td>
<td id="divnew">
</td>
</tr>
</table>
</div> <script type="text/javascript">
var speed= 10//速度数值越大速度越慢
divnew.innerHTML=divold.innerHTML//将原来的内容复制一份到新区域
//滚动函数
function Marquee(){
if(divnew.offsetWidth-mbigdiv.scrollLeft<=0)
mbigdiv.scrollLeft-=divold.offsetWidth;
else{
mbigdiv.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
mbigdiv.onmouseover=function() {
clearInterval(MyMar)
}
mbigdiv.onmouseout=function() {
MyMar=setInterval(Marquee,speed)
}
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货