今天收集了一个基于Jquery的JS滚动条代码，贴上来给大家分享一下。以往大家用CSS样式来写的滚动条，不容易控制期样式，有了这个代码大家就可以随意定制滚动条的宽高、颜色、背景图片等，做一个自己个性的JS滚动条。
这里是演示地址：http://www.viming.com/preview/121.html
JS滚动条代码如下：
| 以下是引用片段： <style type="text/css"> #contentscr{width:400px; height:300px; overflow:hidden; background-color:#f6f6f6} #content_main{margin:5px 15px 5px 10px; font-size:12px; line-height:180%; color:#333} </style> <script type="text/javascript" src="121/jquery-1.4.min.js"></script> <script type="text/javascript" src="121/jscroll.js"></script> <div id="contentscr"> <div id="content_main"> <p>石家庄网站建设 这里写你的HTML文本 石家庄网站制作</p> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#contentscr").jscroll({ W:"5px", BgUrl:"url(121/scr01.jpg)", Bg:"right 0 repeat-y", Btn:{btn:false}, Fn:function(){} }); }); </script> |
