js 导航菜单

<script>

function pos(idNo,dd)
{
 var x1=idNo.style.pixelTop+40; 
 dd.style.top=x1;
}

function mousein(idNo,dd)
{
 dd.filters.alpha.opacity==0;
 dd.style.coursor="default";
 dd.style.display="block";
 if((idNo.id).indexOf("t")>=0)
 {idNo.style.backgroundColor="white";}
 else {
 idNo.style.backgroundColor="yellow";
 }
}

function mouseout(idNo,dd)
{
 dd.filters.alpha.opacity==0;
 dd.style.coursor="default";
 dd.style.display="none";
 idNo.style.backgroundColor="";
 
}

function addf(ob){
ob.filters.alpha.opacity+=1;
if (ob.filters.alpha.opacity==100){clearTimeout(lock)}
lock=window.setTimeout("addf('"+ob+"')",10); 
}  


</SCRIPT>
<table border=0 align=left>
 <tr>
  
<td height=20 width=120 align=left valign=top>
<span id=m1 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d1)" onmouseout="mouseout(this,d1)">主页</span>
<div id=d1 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t1,d1);pos(m1,this) onmouseout=mouseout(this,d1)>
 <table id=t1 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray;">
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d1) onmouseout=mouseout(this,d1)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>

<td height=20 width=120 align=left valign=top>
<span id=m2 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d2)" onmouseout="mouseout(this,d2)">主页</span>
<div id=d2 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t2,d2);pos(m2,this) onmouseout=mouseout(this,d2)>
 <table id=t2 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray">
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d2) onmouseout=mouseout(this,d2)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>

  <td height=20 width=120 align=left valign=top>
<span id=m3 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d3)" onmouseout="mouseout(this,d3)">主页</span>
<div id=d3 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t3,d3);pos(m3,this) onmouseout=mouseout(this,d3)>
 <table id=t3 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray;">
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d3) onmouseout=mouseout(this,d3)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>

<td height=20 width=120 align=left valign=top>
<span id=m4 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d4)" onmouseout="mouseout(this,d4)">主页</span>
<div id=d4 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t4,d4);pos(m4,this) onmouseout=mouseout(this,d4)>
 <table id=t4 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray">
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d4) onmouseout=mouseout(this,d4)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>

  <td height=20 width=120 align=left valign=top>
<span id=m5 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d5)" onmouseout="mouseout(this,d5)">主页</span>
<div id=d5 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t5,d5);pos(m5,this) onmouseout=mouseout(this,d5)>
 <table id=t5 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray;">
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d5) onmouseout=mouseout(this,d5)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>

<td height=20 width=120 align=left valign=top>
<span id=m6 style='background-color:none;width:120px;height:20px;border:solid 1px #333333;position:absolute;text-align:center;' onmouseover="mousein(this,d6)" onmouseout="mouseout(this,d6)">主页</span>
<div id=d6 style='display:none;width:120px;position:absolute;FILTER:alpha(opacity=50)' onmouseover=mousein(t6,d6);pos(m6,this) onmouseout=mouseout(this,d6)>
 <table id=t6 cellspacing=0 align=center width=90% style="font:12px 隶书;background-color:white;text-align:center;border:solid 1px gray">
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的联系方式</a></td></tr>
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的简介</a></td></tr>
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的爱好</a></td></tr>
  <tr><td onmouseover=mousein(this,d6) onmouseout=mouseout(this,d6)><a href="#">我的联系方式</a></td></tr>
 </table>
</div>
</td>


</tr>
</table>
<table width=100%>
 <tr>
  <td>sdf
  </td>
 </tr>
</table>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值