jScrollPane的使用(jquery滚动条插件)
2013-05-19 22:08
387 查看
这是一个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包不能少且要放在插件包之前,本文略。
使用时引入三个文件:(路径自行填写)
<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插件jScrollPane开发Mac OSX Lion风格的滚动条
- 使用jQuery插件jScrollPane开发Mac OSX Lion风格的滚动条
- 使用jQuery插件jScrollPane开发Mac OSX Lion风格的滚动条
- jquery滚动条插件jScrollPane的使用介绍
- 滚动条美化jquery插件nicescroll的使用
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 滚动条美化jquery插件nicescroll的使用
- jQuery滚动条插件nanoscroller使用指南
- jquery美化滚动条插件jscrollpane应用(转)
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jquery滚动条插件slimScroll的使用方法总结
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)
- 关于JQuery中两个要注意的地方(结合Extjs的grid滚动条及使用form插件提交表单)
- jquery滚动条插件jScrollPane的使用介绍
- 使用jquery的validate插件的注意点
- jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象