点击就可见到效果

点击变成红色点击变成橙色
点击变成黄色点击变成绿色
点击变成蓝色鼠标悬停变红色
鼠标悬停变橙色鼠标悬停变黄色
鼠标悬停变绿色鼠标悬停变蓝色

代码复制区

脚本说明:
<style>
body{
scrollbar-base-color: #C0C0C0
}
</style>

function changeScrollbarColor(C){
  if (document.all){
    document.body.style.scrollbarBaseColor = C
  }   
}

</script>
<a href="javascript:changeScrollbarColor('#FF0000')">点击变成红色</a>
<a href="javascript:changeScrollbarColor('#FF8000')">点击变成橙色</a><br>
<a href="javascript:changeScrollbarColor('#FFFF00')">点击变成黄色</a>
<a href="javascript:changeScrollbarColor('#00FF00')">点击变成绿色</a><br>
<a href="javascript:changeScrollbarColor('#4444FF')">点击变成蓝色</a>
<a href="#" onMouseOver="changeScrollbarColor('#FF0000')">鼠标悬停变红色</a><br>
<a href="#" onMouseOver="changeScrollbarColor('#FF8000')">鼠标悬停变橙色</a>
<a href="#" onMouseOver="changeScrollbarColor('#FFFF00')">鼠标悬停变黄色</a><br>
<a href="#" onMouseOver="changeScrollbarColor('#00FF00')">鼠标悬停变绿色</a>
<a href="#" onMouseOver="changeScrollbarColor('#4444FF')">鼠标悬停变蓝色</a><br>

<SCRIPT LANGUAGE="JavaScript">

</script>
<div align="center">
<form>
<a href="javascript:hidden()">显示滚动条</a><br>
<a href="javascript:unhidden()">隐藏滚动条</a>
</div>