jquery滚动条插件jScrollPane的使用介绍
时间:2021-02-19 15:17:42|栏目: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包不能少且要放在插件包之前,本文略。
使用时引入三个文件:(路径自行填写)
复制代码 代码如下:
<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
下一篇:ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果
本文标题:jquery滚动条插件jScrollPane的使用介绍
本文地址:http://www.codeinn.net/misctech/65724.html