目前分類：JQuery (5)
- Oct 25 Fri 2019 10:33
圖片延遲載入套件 Lazyload 2.x
- Apr 11 Wed 2018 18:19
jquery 圖表 chart.js
- Apr 11 Wed 2018 18:17
jquery跑馬燈套件
载入 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 | 循环滚动次数，0 表示无限循环 |
| scrollAmount | 1 | 步长(px) |
| scrollDelay | 20 | 时长(ms) |
- Mar 08 Thu 2018 10:06
JQuery 取得視窗寬度
jQuery $(window).resize 視窗被調整過時，運行此函數，再使用$(window).width()取得目前遊覽器視窗寬度。
$(document).ready(function(){
