百度里搜了一下，原来已经有高手采用jquery来改变滚动条的单调样式了。 首先要引用两个脚本：jquery.js，jscroll.js； 接着为要出现滚动条的位置写上overflow:auto;这时会出现滚动条，最原始的样子。接着，加上以下脚本： 我的滚动条图片是这样的： 以下我借用高手的做法介绍下一些代码说明： $("#ee").jscroll({ W:"10px"//设置滚动条宽度 ,BgUrl:""//设置滚动条背景图片地址 ,Bg:"#ccc"//设置滚动条背景图片position,颜色等 ,Bar:{ Pos:"bottom"//设置滚动条初始化位置在底部 ,Bd:{Out:"#000",Hover:"red"}//设置滚动滚轴边框颜色：鼠标离开(默认)，经过 ,Bg:{Out:"green",Hover:"#fff",Focus:"orange"}}//设置滚动条滚轴背景：鼠标离开(默认)，经过，点击 ,Btn:{ btn:t rue//是否显示上下按钮 false为不显示 ,uBg:{Out:"black",Hover:"#fff",Focus:"orange"}//设置上按钮背景：鼠标离开(默认)，经过，点击 ,dBg:{Out:"black",Hover:"#fff",Focus:"orange"}}//设置下按钮背景：鼠标离开(默认)，经过，点击 ,Fn:function(){}//滚动时候触发的方法 }); 以是改出来后的样子: