jquery.nicescroll.min.js使用
2017-11-14 17:48
253 查看
<!DOCTYPE html> <html> <head> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.nicescroll.min.js"></script> </head> <body> <div> <div id="div1" style="float:left;height:600px;overflow:auto;"> <h1>这里是滚动条插件niceScroll的测试页面</h1> <h2>这里是滚动条插件niceScroll的测试页面</h2> <h3>这里是滚动条插件niceScroll的测试页面</h3> <h4>这里是滚动条插件niceScroll的测试页面</h4> <h5>这里是滚动条插件niceScroll的测试页面</h5> <h6>这里是滚动条插件niceScroll的测试页面</h6> <p>这里是滚动条插件niceScroll的测试页面</p> <span>这里是滚动条插件niceScroll的测试页面</span> <h1>下面是带有滚动条的子div</h1> <div id="div2" style="width:350px;height:200px;overflow:auto;border:1px solid red;"> <div id="sub"> <h1>我是带有滚动条的子div</h1> <h2>我是带有滚动条的子div</h2> <h3>我是带有滚动条的子div</h3> <h4>我是带有滚动条的子div</h4> <h5>我是带有滚动条的子div</h5> <h6>我是带有滚动条的子div</h6> </div> </div> <h1>这里是滚动条插件niceScroll的测试页面</h1> <h2>这里是滚动条插件niceScroll的测试页面</h2> <h3>这里是滚动条插件niceScroll的测试页面</h3> <h4>这里是滚动条插件niceScroll的测试页面</h4> <h5>这里是滚动条插件niceScroll的测试页面</h5> <h6>这里是滚动条插件niceScroll的测试页面</h6> </div> <div id="div3" style="float:right;height:200px"> <h1>这里是滚动条插件niceScroll的测试页面</h1> <h2>这里是滚动条插件niceScroll的测试页面</h2> <h3>这里是滚动条插件niceScroll的测试页面</h3> <h4>这里是滚动条插件niceScroll的测试页面</h4> <h5>这里是滚动条插件niceScroll的测试页面</h5> <h6>这里是滚动条插件niceScroll的测试页面</h6> <p>这里是滚动条插件niceScroll的测试页面</p> <span>这里是滚动条插件niceScroll的测试页面</span> </div> </div> </body> <script type"text-javascript"> $(function(){ $("#div1").niceScroll({ cursorborder:"", cursorcolor:"#00F", boxzoom:false, autohidemode: false }); $("#div2").niceScroll("#sub",{ cursorborder:"", cursorcolor:"#00F", boxzoom:false, autohidemode: false }); $("#div3").niceScroll({ cursorborder:"", cursorcolor:"#00F", boxzoom:false, autohidemode: false }); }); </script> </html&g 4000 t;
注意:jquery的版本不能太低
相关文章推荐
- jquery.nicescroll.min.js滚动条使用方法
- 【JQ】瀑布流排版-jquery.masonry.min.js使用说明
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
- jq的json插件使用总结(jquery.json.min.js)
- 使用jquery.qrcode.min.js实现中文转化二维码
- jquery.scrollTo-min.js
- AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
- 使用jquery.validate.min.js前台验证表单
- jquery.nicescroll.js 滚动条插件 API
- jquery表单验证框架 jquery.validate.min.js的使用
- jquery nicescroll.js
- jquery使用jquerydoubleselectmin.js实现二级菜单联动
- jquery.tmpl.min.js的使用实例
- 当使用EasyUI时,需要的Field属性是子属性时候,除了formatter和修改jquery.easyui.min.js的方法
- jquery.scrollLoading-min.js实现图片延迟加载
- threesixty.min.js 和jquery.threesixty.js使用总结----实现360度展示
- jquery.uploadify.min.js上传图片使用
- jquery.nicescroll.js可全屏可改滚动条颜色的滚动条插件-推荐
- jquery.scrollLoading-min.js实现图片延迟加载
- jQury下的自动补全及插件jquery.autocomplete.min.js的使用