八百伴新世纪影院

使用 css 与 jquery 修改滚动条样式通过 css 修改滚动条的样式方法类名 ::-webkit-scrollbar{width:5px;} //滚动条整体部分类名 ::-webkit-scrollbar-track{background-color:#fff;} //滚动条的轨道(里面装有 Thumb )类名 ::-webkit-scrollbar-thumb{background-color:#ccc;} //滚动条里面的小方块, 能向 上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)类名 ::-webkit-scrollbar-thumb:hover {background-color:#aaa} //鼠标悬浮时 thumb 的颜色类名 ::-webkit-scrollbar-thumb:active {background-color:#aaa;} //鼠标点击时 thumb 的颜色通过 jquery 修改滚动条的方法在页面添加以下 js＜script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">＜/script> ＜scriptsrc="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">＜/script> ＜scriptsrc="jquery.mousewheel.min.js">＜/script>＜scriptsrc="jquery.mCustomScrollbar.js">＜/script>可以把这段代码放在文档的底部来缩短加载网页内容的时间。这里使用了 Google 的 CDN 加速服务来加载 jQuery 和 jQuery UI,当然你也可以把这两个库上 传到自己的服务器上。 另外注意下 jQuery UI 这个插件被作者精简了, 只包含这个插件 必须的模块。接下来就是应用 mCustomScrollbar＜script type='text/javascript'>(function($){$(window).load(function(){$("要设置滚动条的类名或 ID").mCustomScrollbar();});})(jQuery);＜/script>注:js 方法截取于 jQuery 自定义滚动条样式插件 mCustomScrollbar | 前端开发