本文实例讲述了JS实现网页滚动条感应鼠标变色的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: JS实现网页滚动条感应鼠标变色 把你的目光转向右侧的滚动条看一下吧？是不是很漂亮噢？鼠标放上还会变换色彩呢？ 收集于互联网，只为兴趣与学习交流，不作商业用途。 <br /> <!--<br /> function scrollBar(line,face,theme)<br /> {<br /> if (!line||!face)<br /> {<br /> line=null;<br /> face=null;<br /> switch(theme)<br /> {<br /> case "blue":<br /> var line="#78AAFF";<br /> var face="#EBF5FF";<br /> break;<br /> case "orange":<br /> var line="#FBBB37";<br /> var face="#FFF9DF";<br /> break;<br /> case "red":<br /> var line="#FF7979";<br /> var face="#FFE3DD";<br /> break;<br /> case "green":<br /> var line="#00C600";<br /> var face="#D1EED0";<br /> break;<br /> case "neo":<br /> var line="#BC7E41";<br /> var face="#EFE0D1";<br /> break;<br /> }<br /> }<br /> with(document.body.style)<br /> {<br /> scrollbarDarkShadowColor=line;<br /> scrollbar3dLightColor=line;<br /> scrollbarArrowColor="black";<br /> scrollbarBaseColor=face;<br /> scrollbarFaceColor=face;<br /> scrollbarHighlightColor=face;<br /> scrollbarShadowColor=face;<br /> scrollbarTrackColor="#F3F3F3";<br /> }<br /> }<br /> function colorBar(){<br /> var w = document.body.clientWidth;<br /> var h = document.body.clientHeight;<br /> var x = event.clientX;<br /> var y = event.clientY;<br /> if(x>w) scrollBar('#000080','#BFDFFF'); // Your colors<br /> else scrollBar(null,null,"neo"); // A predefined theme<br /> }<br /> if (document.all){<br /> scrollBar(null,null,"neo");<br /> document.onmousemove=colorBar;<br /> }<br /> //--><br /> 希望本文所述对大家的javascript程序设计有所帮助。
