Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery滚动条插件jScrollPane的使用介绍

jquery滚动条插件jScrollPane的使用介绍

发布时间:2014-05-04   编辑:www.jquerycn.cn
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包不能少且要放在插件包之前,本文略。

您可能感兴趣的文章:
jquery滚动条插件jScrollPane的使用介绍
jquery滚动条插件
jquery easyui滚动条部分设置介绍
CSS自定义滚动条样式与颜色
学习:使用CSS修改IE浏览器滚动条的参数
html5中当鼠标滚轮正在被滚动时运行的脚本的事件onmousewheel
javascript禁用浏览器滚动条的方法
利用div+jquery自定义滚动条样式的2种方法
微插件推荐系列:jquery.mousewheel
配置H5的滚动条样式

关键词: 滚动条插件  jScrollPane   
[关闭]