如何动态改变滚动条的颜色

方法一：通过设置七个CSS属性对应的脚本特性来实现。

<button onClick="change()">改变滚动条样式</button>
<script>
function change(){
with(document.body.style){
scrollbar3dLightColor="#FFFFFF"
scrollbarArrowColor="#1948B4"
scrollbarDarkShadowColor="#1948B4"
scrollbarFaceColor="#DAE6FF"
scrollbarHighlightColor="#DAE6FF"
scrollbarShadowColor="#DAE6FF"
scrollbarTrackColor="#FFFFFF"
}
}
document.write(new Array(100).join("<br>"))
</script>

方法二：只设置滚动条的基准颜色。

<script>
function change(color) {
document.body.style.scrollbarBaseColor =color
}
</script>
<button onClick="change(’#DAE6FF’)">style1</button>
<button onClick="change(’#DEDEDE’)">style2</button>
<script>document.write(new Array(100).join("<br>"))</script>