滚动条闪动的控制

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 滚动条闪动的控制 (http://www.webasp.net/javascript/1/688.htm)
-- 发布日期: 2005-06-29
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 2 个步骤: -->

<!-- 第 1 步: -->
<!-- 把<BODY>中的属性代码改为: -->

<BODY bgcolor="#fef4d9" onload="doTriStateRainbow()">



<!-- 第 2 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<script>
// blink speed in miliseconds
var rate = 333;

// true to start automatically, else false
var DoIt = true

// the three blink colors
var Color1 = "#FF0000"
var Color2 = "#00FF00"
var Color3 = "#0000FF"

// the color if/when turned off
var ColorX = "#C0C0C0"

var i = 0;
function doTriStateRainbow(){
if (document.all){
if (DoIt){
i++;
if (i==1) C = Color1
if (i==2) C = Color2
if (i==3) C = Color3
document.body.style.scrollbarBaseColor = C
if (i>2) i=0;
timer=setTimeout('doTriStateRainbow()', rate)
}else{
document.body.style.scrollbarBaseColor = ColorX
}
}
}

</script>

<a href="#" onClick="DoIt=false">Off</a>
<a href="#" onClick="DoIt=true;doTriStateRainbow()">On</a>

webasp.net