js-实现文字滚动JQuery插件 marquee.js Marquee标签的jquery替代
以前我们使用文字滚动的时候是用 html中的Marquee标签
而今Marquee标签已经被废弃了
尽量不要使用Marquee标签
那么现在要做文字滚动该怎么办呢
要么用CSS3或者JS实现
Jq有一个插件就是专门替代Marquee的
安装
下面是 github 地址 :
https://github.com/aamirafridi/jQuery.Marquee
使用
<script src="//cdn.jsdelivr.net/npm/jquery.marquee@1.5.0/jquery.marquee.min.js" type="text/javascript"></script>
html:
<div class='marquee'>Lorem ipsum dolor sit amet, consectetur adipiscing elit END.</div>
css:
.marquee {
width: 300px; /* the plugin works for responsive layouts so width is not necessary */
overflow: hidden;
border:1px solid #ccc;
}
js:
$('.marquee').marquee({
//duration in milliseconds of the marquee
duration: 15000,
//gap in pixels between the tickers
gap: 50,
//time in milliseconds before the marquee will start animating
delayBeforeStart: 0,
//'left' or 'right'
direction: 'left',
//true or false - should the marquee be duplicated to show an effect of continues flow
duplicated: true
});