使用JQ来实现浏览器滚动条
通过修改CSS来更换scrollbar，只能更换颜色，而不能更改滚动条的大小。
况且还有浏览器兼容的问题：
我们可以选择jquery来做该效果，这样即修改了滚动条的大小，又可以做到兼容：
JS代码如下(附：jquery.linscroll.js)：
- <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
- <script type="text/javascript" src="jquery.linscroll.js"></script>
- <script type="text/javascript">
- $(document).ready(
- function(){
- $(’#scrollContent’).setScroll( //scrollContent为滚动层的ID
- {img:scroll_bk.gif’,width:10},//背景图及其宽度
- {img:scroll_arrow_up.gif’,height:3},//up image
- {img:scroll_arrow_down.gif’,height:3},//down image
- {img:scroll_bar.gif’,height:25}//bar image
- );});
- </script>
html代码如下：
- <div id="scrollContent" style="width:140px;overflow:hidden;height:170px;">
- 内容
- </div>
07/22/2009 at 10:06
哥们把滚动的图片提供一下吧~~~~
回复
09/24/2009 at 14:17
能不能弄一个我们拷出来就可以实现的一个例子呀，上面的例子，拿出来，我们都看不到效果。
回复
01/20/2010 at 13:41
不错，很好用，谢谢了。真的很是感谢
回复
02/28/2010 at 9:09
问下你的主机是在优智科技买的空间吗？谢谢。（可以回复到我邮箱里吗？）
回复
二月 28th, 2010 at 17:35
不是，我用的是朋友的服务器。
03/14/2010 at 11:16
这个有个 bug 就是第一点击，释放后移动鼠标，就触发事件了“并不是释放后就停住了`
还有如果添加鼠标滑轮要怎样加“不会加吖`可以添加不`谢谢`
回复
05/13/2010 at 14:25
另一个bug，当文字内容过多时，拖动滚动条无法到达文字顶端。
回复
05/17/2010 at 23:08
建议博主弄个demo，看起来直观点。
回复
09/24/2010 at 16:23
有个很大的问题，这样制作后，会使鼠标的滚轮失去作用，看长网页时，都是下意识地去使用鼠标滚轮，很少有要拖动滚动条的。
回复
07/28/2011 at 15:47
哈哈，这个不错
回复
10/26/2011 at 23:36
楼主，我正在找个效果能不能提供给一个demo啊发送到我的邮箱中，谢谢。
回复