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插件,我們可以非常方便地實現各種文本和圖片的滾動效果,同時也能夠根據自己的需求進行高度的定制化配置,是一款非常值得開發人員使用的插件。
上一篇audio vue2