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