本文實例講述了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程式設計有所幫助。
