Question

修改滚动图片代码，且不间断重复

我的这段代码只能显示6个图片，我想让他多显示点，还有就是这个代码要6个图片都滚动完在显示，怎么改下能让他连续不间断，急求啊。

<div class="more"><a href="#" target="_blank">更多�0�3</a></div>
<div class="pic4">
<ul><marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=right scrollamount=1.0 scrolldelay=3 Loop=-1 valign=middle behavior="scroll">
{dede:arclist typeid='7' titlelen='20' row='8' flag='0' orderby='pubdate' limit='0,6' type='image.' imgwidth='139' imgheight='90'}
<li> <a href="[field:arcurl/]" target="_blank">[field:image/]</a>
<div><a href="[field:arcurl/]" alt="[field:title/]" target="_blank">[field:title/]</a></div>
</li>
{/dede:arclist}</marquee>
</ul>
</div>

Answer 1

你想要的效果 要JS 实现哦~ 下面的代码你试用下 你可以修改部分参数 <table width="900" border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<div id="demo" style="overflow:hidden; height:140px; width:900px; color:#0000ff">
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id="demo1" valign="top">
<table border=0 cellpadding=0 cellspacing=0>
<tr><td><a href=# target=_blank><img src=images/dt/1.jpg width=160 height=120 class=b5 hspace=22 /></a><br><center><b>说明一</b></center></td>
<td width=30></td>
<td><a href=# target=_blank><img src=images/dt/2.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明二</b></center></td>
<td width=30></td>
<td><a href=# target=_blank><img src=images/dt/3.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明三</b></center></td>
<td><a href=# target=_blank><img src=images/dt/4.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明四</b></center></td>
<td width=30></td>
<td><a href=# target=_blank><img src=images/dt/5.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/6.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/7.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/8.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/9.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/10.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
<td><a href=# target=_blank><img src=images/dt/11.jpg width=160 height=120 class=b5 hspace=22 /></a>
<center><b>说明五</b></center></td>
</tr>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr></table>
</div>
</td></tr>
</table>
<script>
var speed=10//速度数值越大速度越慢
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>

Answer 2

<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=right scrollamount=1.0 scrolldelay=3 Loop=-1 valign=middle behavior="scroll">
marquee>