網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導(dǎo)航特效代碼>

透明度慢慢變化的豎向JS+css菜單_菜單導(dǎo)航特效

一個(gè)CSS結(jié)合JavaScript共同完成的垂直菜單，鼠標(biāo)放上往對應(yīng)的菜單項(xiàng)的透明度會(huì)慢慢發(fā)生變化，字體的顏色也會(huì)慢慢改變，整體效果不錯(cuò)，請運(yùn)行一下看效果。

<title>半透明菜單</title>
<style>
. tds {
  background-Color:silver;
  width:100;
  height:20;
  text-align:center;
  border:1px solid gray;
  font-size:12;
  filter:alpha(opacity=45);
  -moz-opacity:45%;
  cursor:crosshair;
 }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = "/"; }
///
function nochange(mycheckbox)
{
   if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}

//  End -->
</script>
<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();
}

//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">mb5u.com</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">網(wǎng)頁殊效</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>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2012-10-30

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

透明度慢慢變化的豎向JS+css菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些