带开关的闪烁的链接文字

人气：　来源：本站原创　作者：佚名　所属栏目：文字类　[切换到繁體中文]

介绍：闪烁的链接文字，可以控制停止和开始！

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_带开关的闪烁的链接文字</title>
<style><!--body,td{font-size: 12px;}--></style>

</head>
<body bgcolor="" onLoad="doTriStateRainbowLink()">
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}

function doNada(){self.focus()}

// blink speed in miliseconds
var rate = 500;

// the three blink colors
var Color1 = "#FF0000"
var Color2 = "#00FF00"
var Color3 = "#FF00FF"
var Color4 = "#FFcc00"
var Color5 = "#00FFcc"
var Color6 = "#FF00cc"

// the color if/when turned off (no-blink color)
var ColorX = "#FFcc00"

// set this to true for auto start; else, false
var DoIt = true

// do not edit below this line
// ---------------------------

bV  = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"
ok = false

var I=0;
function doTriStateRainbowLink(){
   ok =  true
   if ((bNS && bV >= 5) || (bIE && bV >= 4)){
      I++;
      if (I==1) C = Color1
      if (I==2) C = Color2
      if (I==3) C = Color3 
	  if (I==4) C = Color4
      if (I==5) C = Color5
      if (I==6) C = Color6
      if (!DoIt) C = ColorX       
      if (bIE) BlinkLink.style.color=C
      if (bNS) document.getElementById('BlinkLink').style.color = C
      if (I > 5) I = 0
      if (DoIt) timer=setTimeout('doTriStateRainbowLink()', rate)
   }      
}


function doOnOff(a){
   if (ok){
      if (a =="off") {DoIt = false}
      if ((a =="on")&&(!DoIt)) {
          DoIt = true
          doTriStateRainbowLink()
      }
   }
}

</script>
          <table border="0" cellpadding="17" cellspacing="0" width="30%">
            <tr> 
              <td width="100%" valign="middle" align="center"><font size="3" face="Arial"><b><a name="BlinkLink" id="BlinkLink" href="#" target="_blank">闪烁的链接</a></b></font></td>
            </tr>
          </table>
      
      
      
      <br>
          <table border="0" cellpadding="1" cellspacing="0" width="100%">
            <tr> 
              <td width="50%" valign="middle" align="center"><font face="Arial" size="2"><a href="javascript:doOnOff('off');doNada()">停止</a></font></td>
              <td width="50%" valign="middle" align="center"><font face="Arial" size="2"><a href="javascript:doOnOff('on');doNada()">闪烁</a></font></td>
            </tr>
          </table>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：onLoad="doTriStateRainbowLink()"
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

function doNada(){self.focus()}

// blink speed in miliseconds
var rate = 500;

// the three blink colors
var Color1 = "#FF0000"
var Color2 = "#00FF00"
var Color3 = "#FF00FF"
var Color4 = "#FFcc00"
var Color5 = "#00FFcc"
var Color6 = "#FF00cc"

// the color if/when turned off (no-blink color)
var ColorX = "#FFcc00"

// set this to true for auto start; else, false
var DoIt = true

// do not edit below this line
// ---------------------------

bV = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"
ok = false

var I=0;
function doTriStateRainbowLink(){
   ok =  true
   if ((bNS && bV >= 5) || (bIE && bV >= 4)){
      I++;
      if (I==1) C = Color1
      if (I==2) C = Color2
      if (I==3) C = Color3
   if (I==4) C = Color4
      if (I==5) C = Color5
      if (I==6) C = Color6
      if (!DoIt) C = ColorX
      if (bIE) BlinkLink.style.color=C
      if (bNS) document.getElementById('BlinkLink').style.color = C
      if (I > 5) I = 0
      if (DoIt) timer=setTimeout('doTriStateRainbowLink()', rate)
   }
}

function doOnOff(a){
   if (ok){
      if (a =="off") {DoIt = false}
      if ((a =="on")&&(!DoIt)) {
          DoIt = true
          doTriStateRainbowLink()
      }
   }
}

</script>
          <table border="0" cellpadding="17" cellspacing="0" width="30%">
            <tr>
              <td width="100%" valign="middle" align="center"><font size="3" face="Arial"><b><a name="BlinkLink" id="BlinkLink" href="#" target="_blank">闪烁的链接</a></b></font></td>
            </tr>
          </table>



      <br>
          <table border="0" cellpadding="1" cellspacing="0" width="100%">
            <tr>
              <td width="50%" valign="middle" align="center"><font face="Arial" size="2"><a href="javascript:doOnOff('off');doNada()">停止</a></font></td>
              <td width="50%" valign="middle" align="center"><font face="Arial" size="2"><a href="javascript:doOnOff('on');doNada()">闪烁</a></font></td>
            </tr>
          </table>