- Oct 25 Fri 2019 10:50
網頁測速工具
- 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(){
- Jan 26 Fri 2018 16:48
css 合併儲存格
- Jan 26 Fri 2018 14:27
bootstrap3 關閉響應式布局
- Jan 12 Fri 2018 13:52
Bootstrap3 display:table 之間隙調整
上一篇說到使用 display:table 讓div達城等高,但使用之後無法用margin來調整div之間的間隙。
如需要調整間隙,需要在display:table-cell的父層,也就是display:table這層加上 border-collapse 跟 border-spacing 。
- Jan 12 Fri 2018 11:24
bootstrap3 使div等高