72、模糊的文字导航

72、模糊的文字导航

脚本说明:

把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function locktrueie(myform){myform.ie.checked=true;}

function lockfalsenet(myform){myform.nets.checked=true;}

function goToURL() { window.location = "http://www.k688.com"; }

 

function nochange(mycheckbox)

{

   if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}

}

 

//  End -->

</script>

<style>

. tds

 {

  background-Color:silver;

  width:100;

  height:20;

  text-align:center;

  border:1px solid gray;

  font-size:14;

  filter:alpha(opacity=45);

  -moz-opacity:45%;

  cursor:crosshair;

 }

</style>

 

<script language="javascript">

nOpac = 50

nPlus = 2

nMin = 1

speed = 30

timer = null;

timer2 = null;

 

var ie5=(document.all && document.getElementById);

var ns6=(!document.all && document.getElementById);

 

function fadeImg2(teller)

{

 apl[teller][1] = "Up";

 changes();

}

 

function fadeImgend2(teller)

{

 apl[teller][1] = "Down";

 setTimeout("changes()",50);

}

 

function changes()

{

 next_loop = true;

 for (i=0;i<apl.length;i++)

 {

  obj = link_table.rows[i].cells[0];

  opacity = apl[i][0]

  if (apl[i][1] == "Up")

  {

     opacity += nPlus;

     apl[i][0] = opacity;

     if (apl[i][0] > 105)

      {apl[i][1] = "";}

     else

     {next_loop = false;}

        nOpac = opacity;

  }

  else

  {

  if (apl[i][1] == "Down")

  {

     opacity -= nMin;

     apl[i][0] = opacity;

     if (apl[i][0] < 45)

      {apl[i][1] = "";}

     else

     {next_loop = false;}

        nOpac = opacity;

  }

  }

  if(ie5){

       obj.style.filter="alpha(opacity="+opacity+")";

    }

  if(ns6){

     obj.style.MozOpacity = opacity + '%';

   }

 }

 if (next_loop == false)

  {

   timer = setTimeout("changes()",speed);

  }

  else

  {

   clearTimeout(timer);

  }

}

 

//for each link option you need to make a new Array;

var apl = new Array();

apl[0] = new Array(45,"");

apl[1] = new Array(45,"");

apl[2] = new Array(45,"");

apl[3] = new Array(45,"");

apl[4] = new Array(45,"");

apl[5] = new Array(45,"");

//expl: apl[6] = new Array(45,"");

</script>

<table cellpadding=0 cellspacing=0 name=link_table id=link_table>

<tr>

<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接一</td>

</tr>

<tr>

<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接二</td>

</tr>

<tr>

<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接三</td>

</tr>

<tr>

<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接四</td>

</tr>

<tr>

<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接五</td>

</tr>

<tr>

<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">链接六</td>

</tr>

</table>

 

 

Write a comment

Comments: 0