淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery limarquee是一款非常优秀的基于jQuery框架的跑马灯插件,它能够实现多种方式的文本、图片或其他元素的左右滚动效果,并且可配置性非常高,能够满足不同需求的开发人员。

//基础使用方法
$(document).ready(function() {
$('.marquee').liMarquee();
});
//初始化参数配置
$(document).ready(function() {
$('.marquee').liMarquee({
direction: 'right', //滚动方向,可选值:up, down, left, right,默认为left
loop: -1, //循环滚动次数,默认为-1,即无限循环
scrolldelay: 0, //滚动间隔时间,单位为毫秒,默认为0
scrollamount: 50, //滚动速度,单位为像素/秒,默认为50
circular: true, //是否循环滚动,默认为true
hoverstop: true, //鼠标悬停是否停止滚动,默认为true
startspace: 25, //滚动起始空白间隔,默认为25px
spacebetween: 10, //滚动元素间隔,默认为10px
scrollstop: true, //是否在点击滚动元素时停止滚动,默认为true
runshort: true //是否在滚动内容长度小于容器长度时运行滚动,默认为true
});
});

除了基础使用方法和初始化参数之外,jQuery limarquee还提供了一些其他的操作方法,例如,可以使用destroy方法销毁插件,或者使用pause和resume方法暂停和恢复动画效果。

//销毁插件
$(document).ready(function() {
$('.marquee').liMarquee('destroy');
});
//暂停和恢复动画效果
$(document).ready(function() {
$('.marquee').liMarquee('pause');
$('.marquee').liMarquee('resume');
});

通过使用jQuery limarquee插件,我们可以非常方便地实现各种文本和图片的滚动效果,同时也能够根据自己的需求进行高度的定制化配置,是一款非常值得开发人员使用的插件。