<divid=demo>
<divid=demo1>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
</div>
<divid=demo2></div>
</div>
<scriptlanguage="javascript">
varspeed=30
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
![图片循环滚动代码(无缝滚动)(分别向上、下、左、右) 文字向上无缝循环滚动](http://img.aihuau.com/images/02111102/02055031t01713b602256dcedf4.jpg)
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
向下:程序代码
<divid=demo>
<divid=demo1>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
<imgsrc="gfjs.gif"><br><imgsrc="bxtt.gif"><br><imgsrc="bzjd.gif"><br>
</div>
<divid=demo2></div>
</div>
<scriptlanguage="javascript">
varspeed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
functionMarquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
向左:程序代码
<divid=demo><tablealign=left
cellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><imgsrc="gfjs.gif"><img
src="bxtt.gif"><imgsrc="bzjd.gif"><imgsrc="gfjs.gif"><imgsrc="bxtt.gif"><img
src="bzjd.gif"></td><tdid=demo2valign=top></td></tr></table></div>
<script>
varspeed=30
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
向右:程序代码
<divid=demo><tablealign=left
cellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><imgsrc="gfjs.gif"><img
src="bxtt.gif"><imgsrc="bzjd.gif"><imgsrc="gfjs.gif"><imgsrc="bxtt.gif"><img
src="bzjd.gif"></td><tdid=demo2valign=top></td></tr></table></div>
<script>
varspeed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
functionMarquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
varMyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>