javascript - marquee走马灯效果停顿怎么实现呢?
PHPz
PHPz 2017-04-11 10:42:45
0
4
1730

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>
PHPz
PHPz

学习是最好的投资!

membalas semua(4)
PHPzhong

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

巴扎黑

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>

Ty80

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

如下

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

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan