 ハイライトON、OFF 変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
マウスホイールでコロコロとページをスクロールした際にスクロールバーの色を変更します。
ちょびっと不安定かも！？
<HTML>
<HEAD>
<TITLE>マウスホイールでスクロールしたらバーの色変更</TITLE>
<SCRIPT language="JavaScript">
/*★★★ JavaScriptはもういらない!? ★★★★★★
★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★
★ URL http://html-time.com */
function Wheel(){
/*★★★★★★★★★★★★★★★★★★★★★★*/
var wh=event.wheelDelta
if (wh<="-120"){ body.className='color1';
}else if (wh>="120") { body.className='color2';}
}
</SCRIPT>
<STYLE type="text/css">
<!--
.color{
scrollbar-base-color:white;
}
.color1{
scrollbar-base-color:red;
}
.color2{
scrollbar-base-color:blue;
}
-->
</STYLE>
</HEAD>
<BODY id="body" class="" onmouseWheel="Wheel()" onmousemove="this.className='color'">
</BODY>
</HTML>
|