javascript - marquee走马灯效果停顿怎么实现呢？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

PHPz 2017-04-11 10:42:45

[JavaScript讨论组]

1717

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

学习是最好的投资！

全部回复(4)

PHPz2017-04-11 10:44:45 4楼

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

赞 +0

添加回复

巴扎黑2017-04-11 10:44:45 3楼

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

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

</p>

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>

赞 +0

添加回复

PHP中文网2017-04-11 10:44:45 2楼

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

如下

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

赞 +0

添加回复

迷茫2017-04-11 10:44:45 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>