加入收藏-方便您以后查找网页特效哦
你的位置:
主页
>>
漂亮的滚动条
拖动滚动条时滚动条变色
加入如下代码到body区域
<script language="JavaScript"> <!-- var scrollPct, prevStep, nextStep, interStep steps = new Array(); steps[0] = new Array(255,0,0); steps[1] = new Array(255,128,0); steps[2] = new Array(255,255,0); steps[3] = new Array(0,255,0); steps[4] = new Array(0,0,255); steps[5] = new Array(128,0,255); steps[6] = new Array(255,0,255); function newColor(chan) { var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan])); return i; } function scrollFunk() { scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight); prevStep=Math.floor(scrollPct); nextStep=Math.ceil(scrollPct); interStep=scrollPct-prevStep; var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")"; var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")"; if (document.body.style.scrollbarTrackColor != null) { document.body.style.scrollbarFaceColor=newRGB; document.body.style.scrollbarTrackColor=invRGB; } } window.onscroll=scrollFunk; --> </script>
COPYRIGHT © 2003-2005 ALL RIGHTS RESERVED
业务联系
|
广告服务
|
网站建设
|
关于我们
|
免责声明
月光宝盒工作室
800*600