DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery滾動條插件jScrollPane的使用介紹
jquery滾動條插件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:如果要修改滾動條的默認樣式可以打開jquery.jscrollpane.css文件修改
當然這作為jquery的一個插件,原始的jquery包不能少且要放在插件包之前,本文略。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved