1、引入文件
<link rel="stylesheet" href="/css/liMarquee.css"> <script src="/js/jquery-1.9.0.min.js"></script> <script src="/js/jquery.liMarquee.js"></script>
2、HTML
<div class="dowebok">jQuery無縫滾動插件liMarquee</div>
3、JavaScript
$(function(){ $('.dowebok').liMarquee(); });
//禁止拖動
$('.dowebok').liMarquee({
drag: false
});
配置
名稱 | 類型 | 默認值 | 說明 |
---|---|---|---|
direction | 字符串 | left | 滾動方向,可選 left / right / up / down |
loop | 整數 | -1 | 循環次數,-1 為無限循環 |
scrolldelay | 整數 | 0 | 每次重復之前的延遲 |
scrollamount | 整數 | 50 | 滾動速度,越大越快 |
circular | 布爾值 | true | 無縫滾動,如果為 false,則和 marquee 效果一樣 |
drag | 布爾值 | true | 鼠標可拖動 |
runshort | 布爾值 | true | 內容不足是否滾動 |
hoverstop | 布爾值 | true | 鼠標懸停暫停 |
xml | 布爾值 | false | 加載 xml 文件 |
inverthover | 布爾值 | false | 反向,即默認不滾動,鼠標懸停滾動 |
下載地址:https://pan.baidu.com/s/1i66xdGD