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

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

学习是最好的投资!

全部回复(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...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!