javascript - marquee走马灯效果停顿怎么实现呢？

Question

1.以下为marquee的走马灯实现，现在想要的效果是，当滚动到中间时，停顿3秒再滚动下一张。请问大神们有什么好的实现方式吗？

<marquee behavior="scroll" class="marquee" direction="up" scrolldelay=500 scrollamount=100>
    <p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
    <p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
    <p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
    <p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
</marquee>

Answer 1

你如果想要效果更好的话建议用js做 ， 如果不想用js 用marquee其中的属性scrollDelay也可以实现！

Answer 2

marquee挺鸡肋的，有停顿的建议用js配合。以下代码应该可行

<p id="srcoll-news">

<p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
<p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
<p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
<p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>
<p>8分钟前 用户 小明啦啦啦 获得了20元奖励</p>

</p>

<script>

var c, _ = Function;
window.onload=function(){ 
    with (o = document.getElementById("srcoll-news")){ 
    innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0");
    } 
    (F=_("if(#%21||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%21?       10:3000);".replace(/#/g,"o.scrollTop")))(); 
}

</script>

Answer 3

给marquee绑定事件，onmouseover="this.stop()" onmouseout="this.start()"

如下

<marquee onmouseover="this.stop()" onmouseout="this.start()">

Answer 4

看这个小插件 http://www.superslide2.com/de...