快捷導(dǎo)航

jquery滾動(dòng)條插件jScrollPane的使用介紹

更新時(shí)間：2013年11月08日 17:04:48 作者：

jScrollPane想必大家都不陌生吧它就是所謂的jquery滾動(dòng)條插件，下面為大家介紹下其具體的使用，感興趣的朋友不要錯(cuò)過

這是一個(gè)js的頁面滾動(dòng)條插件
使用時(shí)引入三個(gè)文件：（路徑自行填寫）

 
<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> 

然后再給需要添加滾動(dòng)條的容器加上一個(gè)方法，搞定

復(fù)制代碼代碼如下:

 
$(function(){ 
$("#contentDiv").jScrollPane(); 
}) 

太好用了！
ps：如果要修改滾動(dòng)條的默認(rèn)樣式可以打開jquery.jscrollpane.css文件修改
當(dāng)然這作為jquery的一個(gè)插件，原始的jquery包不能少且要放在插件包之前，本文略。

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼,需要的朋友可以參考下
2014-02-02
jQuery熱氣球動(dòng)畫半透明背景的后臺(tái)登錄界面代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)熱氣球動(dòng)畫背景登錄框，適合用于后臺(tái)登陸界面設(shè)計(jì)，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果,需要的朋友可以參考下
2015-01-01
jquery實(shí)現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過菜單項(xiàng)實(shí)現(xiàn)下拉列表顯示效果的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
基于jQuery實(shí)現(xiàn)模擬頁面加載進(jìn)度條
進(jìn)度條的出現(xiàn)在于無法通過任何方法獲取整個(gè)頁面的大小和當(dāng)前加載了多少，所以只能用進(jìn)度條來模擬，接下來為大家介紹下實(shí)現(xiàn)方法，感興趣的朋友可以參考下哈
2013-04-04
jquery綁定事件 bind和on的用法與區(qū)別分析
這篇文章主要介紹了jquery綁定事件 bind和on的用法與區(qū)別,結(jié)合實(shí)例形式分析了jquery綁定事件 bind和on的基本功能、用法、區(qū)別與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jQuery位置選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery位置選擇器用法,結(jié)合實(shí)例形式分析了jQuery位置選擇器的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-06-06
jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
jquery網(wǎng)頁日歷顯示控件calendar3.1使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery網(wǎng)頁日歷顯示控件calendar3.1使用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery內(nèi)容過濾選擇器用法分析
這篇文章主要介紹了jQuery內(nèi)容過濾選擇器用法,實(shí)例分析了:contains()、:has()、:empty()、:parent等內(nèi)容過濾選擇器的使用技巧,需要的朋友可以參考下
2015-02-02