<div id=demo style=overflow:hidden;width:1205px;height:35px;><span id=demo1>
<image src="images/bottom1.jpg"/>
<image src="images/bottom2.jpg"/>
<image src="images/bottom3.jpg"/>
<image src="images/bottom4.jpg"/>
<image src="images/bottom5.jpg"/>
<image src="images/bottom6.jpg"/>
<image src="images/bottom7.jpg"/>
<image src="images/bottom8.jpg"/>
<image src="images/bottom9.jpg"/>
</span>
<span id=demo2></span>
</div>
</div><script>
demo2.innerHTML=demo1.innerHTML;
var speed=5;
function Marquee()
{
if(demo2.offsetLeft-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++;
}
}
var Mar=setInterval(Marquee,speed);
demo.onmouseover=function () {clearInterval(Mar)};
demo.onmouseout=function () {Mar=setInterval(Marquee,speed)}; </script>
<div id=demo 这个框的图片width显示到 id=demo2 的第三个图片。 意思是,
demo2.innerHTML=demo1.innerHTML; 可以显示,可后面的为什么不循环啊,条件都设置了
<image src="images/bottom1.jpg"/>
<image src="images/bottom2.jpg"/>
<image src="images/bottom3.jpg"/>
<image src="images/bottom4.jpg"/>
<image src="images/bottom5.jpg"/>
<image src="images/bottom6.jpg"/>
<image src="images/bottom7.jpg"/>
<image src="images/bottom8.jpg"/>
<image src="images/bottom9.jpg"/>
</span>
<span id=demo2></span>
</div>
</div><script>
demo2.innerHTML=demo1.innerHTML;
var speed=5;
function Marquee()
{
if(demo2.offsetLeft-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++;
}
}
var Mar=setInterval(Marquee,speed);
demo.onmouseover=function () {clearInterval(Mar)};
demo.onmouseout=function () {Mar=setInterval(Marquee,speed)}; </script>
<div id=demo 这个框的图片width显示到 id=demo2 的第三个图片。 意思是,
demo2.innerHTML=demo1.innerHTML; 可以显示,可后面的为什么不循环啊,条件都设置了
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货