<marquee> 曾是 IE 下獨有的一個走馬燈效果的标簽,其他浏覽器并不相容,于是出現了使用 JavaScript 來模拟該效果的插件。
- 版本:
- jQuery v1.3.2+
- 檢視 Demo
- jQuery kxbdmarquee
文檔目錄
- 使用方法
- 參數說明
- 相關資訊
使用方法
載入 JavaScript 檔案
<script src="jquery.js"></script>
<script src="jquery.kxbdmarquee.js"></script>
CSS 樣式
/**
* 父容器需要設定溢出隐藏
* 如果是水準滾動,項目需要設定浮動
*/
#element_id{overflow:hidden;}
#element_id ul li{float:left;}
DOM 結構
<div id="element_id">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
JavaScript 調用方式
$('#element_id').kxbdMarquee();
參數說明
名稱 | 預設值 | 說明 |
---|---|---|
direction | "left" | 滾動方向。可設定為:"left", "right", "up", "down" |
isEqual | true | 所有滾動的元素長寬是否相等。可設定為:true, false |
loop | 循環滾動次數,0 表示無限循環 | |
scrollAmount | 1 | 步長(px) |
scrollDelay | 20 | 時長(ms) |
相關資訊
作者網站:http://www.kxbd.com/?p=281
相關文檔:中文文檔
下載下傳附件:jquery.kxbdmarquee
ikeepstudying.com