Question

跪求marquee制作连续不间断滚动图片效果

能不能用marquee制作一个没有间隙的不间断滚动图片的效果啊？该设置什么属性，如果不能的话，该怎样实现？可不可以给些具体的代码？谢谢了，我想实现一个从左往右滚动的，位置可以随便定义的这样一个效果，谢谢高手帮忙一下啊！！

Answer 1

　　<!-- 指向链接图片url -->
　　<base href="http://www.it365cn.com">
　　<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff>
　　<div id=demo1>
　　<!-- 定义图片 -->
　　<img src="images/logo_1.gif">
　　<img src="images/logo/flashempire.gif">
　　<img src="images/logo.gif">
　　<img src="images/logo/5dmedia.gif">
　　<img src="images/logo/macromedia.gif">
　　<img src="images/logo/sucaiw.gif">
　　<img src="images/logo/blueieda.gif">
　　<img src="images/logo/htmlcn.gif">
　　<img src="images/logo/fwcn.gif">
　　</div>
　　<div id=demo2></div>
　　</div>

　　<script>
　　var speed=30
　　demo2.innerHTML=demo1.innerHTML
　　function Marquee(){
　　if(demo2.offsetTop-demo.scrollTop<=0)
　　demo.scrollTop-=demo1.offsetHeight
　　else{
　　demo.scrollTop++
　　}
　　}
　　var MyMar=setInterval(Marquee,speed)
　　demo.onmouseover=function() {clearInterval(MyMar)}
　　demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
　　</script>

　　制作向下滚动的效果：
　　将上面“制作向上滚动的效果”中的红色字体Js部分替换成：

　　<script>
　　var speed=30
　　demo2.innerHTML=demo1.innerHTML
　　demo.scrollTop=demo.scrollHeight
　　function Marquee(){
　　if(demo1.offsetTop-demo.scrollTop>=0)
　　demo.scrollTop+=demo2.offsetHeight
　　else{
　　demo.scrollTop--
　　}
　　}
　　var MyMar=setInterval(Marquee,speed)
　　demo.onmouseover=function() {clearInterval(MyMar)}
　　demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
　　</script>

　　制作向左滚动的效果：

　　<base href="http://www.it365cn.com">
　　<div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff>
　　<table align=left cellpadding=0 cellspace=0 border=0>
　　<tr>
　　<td id=demo1 valign=top><img src="images/logo_1.gif"><img src="images/logo/flashempire.gif"><img src="images/logo.gif"><img src="images/logo/5dmedia.gif"><img src="images/logo/macromedia.gif"><img src="images/logo/sucaiw.gif"><img src="images/logo/blueieda.gif"><img src="images/logo/htmlcn.gif"><img src="images/logo/fwcn.gif">
　　</td>
　　<td id=demo2 valign=top></td>
　　</tr>
　　</table>
　　</div>

　　<script>
　　var speed=30
　　demo2.innerHTML=demo1.innerHTML
　　function Marquee(){
　　if(demo2.offsetWidth-demo.scrollLeft<=0)
　　demo.scrollLeft-=demo1.offsetWidth
　　else{
　　demo.scrollLeft++
　　}
　　}
　　var MyMar=setInterval(Marquee,speed)
　　demo.onmouseover=function() {clearInterval(MyMar)}
　　demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
　　</script>

　　制作向右滚动的效果：
　　将上面“制作向左滚动的效果”中的红色字体Js部分替换成：

　　<script>
　　var speed=30
　　demo2.innerHTML=demo1.innerHTML
　　demo.scrollLeft=demo.scrollWidth
　　function Marquee(){
　　if(demo.scrollLeft<=0)
　　demo.scrollLeft+=demo2.offsetWidth
　　else{
　　demo.scrollLeft--
　　}
　　}
　　var MyMar=setInterval(Marquee,speed)
　　demo.onmouseover=function() {clearInterval(MyMar)}
　　demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
　　</script>

　　制作的方法就简单的介绍完成了。