jquery滾動條插件jScrollPane的使用介紹
更新時間:2013年11月08日 17:04:48 作者:
jScrollPane想必大家都不陌生吧它就是所謂的jquery滾動條插件,下面為大家介紹下其具體的使用,感興趣的朋友不要錯過
這是一個js的頁面滾動條插件
使用時引入三個文件:(路徑自行填寫)
<link type="text/css" href="路徑/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="路徑/jquery.mousewheel.js"></script>
<script type="text/javascript" src="路徑/jquery.jscrollpane.min.js"></script>
然后再給需要添加滾動條的容器加上一個方法,搞定
$(function(){
$("#contentDiv").jScrollPane();
})
太好用了!
ps:如果要修改滾動條的默認(rèn)樣式可以打開jquery.jscrollpane.css文件修改
當(dāng)然這作為jquery的一個插件,原始的jquery包不能少且要放在插件包之前,本文略。
使用時引入三個文件:(路徑自行填寫)
復(fù)制代碼 代碼如下:
<link type="text/css" href="路徑/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="路徑/jquery.mousewheel.js"></script>
<script type="text/javascript" src="路徑/jquery.jscrollpane.min.js"></script>
然后再給需要添加滾動條的容器加上一個方法,搞定
復(fù)制代碼 代碼如下:
$(function(){
$("#contentDiv").jScrollPane();
})
太好用了!
ps:如果要修改滾動條的默認(rèn)樣式可以打開jquery.jscrollpane.css文件修改
當(dāng)然這作為jquery的一個插件,原始的jquery包不能少且要放在插件包之前,本文略。
您可能感興趣的文章:
- jQuery中Nicescroll滾動條插件的用法
- jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法
- jQuery niceScroll滾動條錯位問題的解決方法
- jQuery滾動條插件nanoscroller使用指南
- 學(xué)習(xí)使用jquery iScroll.js移動端滾動條插件
- jquery滾動條插件slimScroll使用方法
- jQuery iScroll.js 移動端滾動條美化插件
- jquery自定義滾動條插件示例分享
- jquery滾動條插件(可以自定義)
- jQuery leonaScroll 1.1 自定義滾動條插件(推薦)
- jQuery滾動條美化插件nicescroll簡單用法示例
相關(guān)文章
jQuery怎么解析Json字符串(Json格式/Json對象)
可以利用jquery或js解析json數(shù)據(jù),下面與大家分享下jquery解析json字符串方法,一個是解析Json格式,一個是解析Json對象,感興趣的朋友可以學(xué)習(xí)下2013-08-08JQuery EasyUI 日期控件如何控制日期選擇區(qū)間
這篇文章主要介紹了JQuery EasyUI 日期控件如何控制日期選擇區(qū)間,需要的朋友可以參考下2014-05-05談?wù)凧query中的children find 的區(qū)別有哪些
這篇文章給大家介紹jquery中的children find 的區(qū)別,涉及到的知識點有jquery find children,感興趣的朋友一起學(xué)習(xí)jquery find children方面的知識吧2015-10-10