大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > CSS技巧 > jquery滚动条插件-jScrollPane的使用

jquery滚动条插件-jScrollPane的使用

关键词:jScrollPanejquery滚动条插件  阅读(1430) 赞(83)

[摘要]jquery滚动条插件-jScrollPane的使用,该插件使用方便简单,见下文:

这是一个js的页面滚动条插件

首先引入三个文件(除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();
})


太简单了!如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改。



相关评论