位置：首页>> 网络编程>> JavaScript>> 二级下拉菜单代码

二级下拉菜单代码

　　发布时间：2008-11-01 18:18:00　

标签：菜单,下拉,代码

请问鼠标移过去就出现二级菜单代码怎么写啊

<head><style type="text/css">.menu{position:absolute;width:147px;display:none;background:#000000;padding:5px 5px; border: none; color: #FFFFFF}</style><script language="javascript">function menuControl(show){window.event.cancelBubble=true;var objID=event.srcElement.id;var index=objID.indexOf("_");var mainID=objID.substring(0,index);var numID=objID.substring(index+1,objID.length);if(mainID=="menubar"){if(show==1){eval("showMenu("+"menu_"+numID+")");}else{eval("hideMenu("+"menu_"+numID+")");}}}var nbottom=0,speed=1;function displayMenu(obj){obj.style.clip="rect(0 100％ "+nbottom+"％ 0)";nbottom+=speed;if(nbottom<=100) {timerID=setTimeout("displayMenu("+obj.id+"),70");}else clearTimeout(timerID);}function showMenu(obj){obj.style.display="block";obj.style.clip="rect(0 0 0 0)";nbottom=5;displayMenu(obj);}function hideMenu(obj){nbottom=0;obj.style.display="none";}function keepMenu(obj){obj.style.display="block";}</script></head><body text="lime"><table border="0" width="100％" cellspacing="1" cellpadding="0" style="font-size:15px"> <tr bgcolor="#CCCCCC" align="center" height="20"> <td width="25％" id="menubar_1" onMouseOver="menuControl(1)" onMouseOut="menuControl(0)" style="cursor:hand"> 精品下载</td> <td width="25％" id="menubar_2" onMouseOver="menuControl(1)" onMouseOut="menuControl(0)" style="cursor:hand"> 免费申请</td> <td width="25％" id="menubar_3" onMouseOver="menuControl(1)" onMouseOut="menuControl(0)" style="cursor:hand"> 酷站源码</td> <td width="25％" id="menubar_4" onMouseOver="menuControl(1)" onMouseOut="menuControl(0)" style="cursor:hand"> 建站服务</td> </tr> <tr valign="top"> <td width="20％"> <div id="menu_1" class="menu" onMouseOver="keepMenu(this)" onMouseOut="hideMenu(this)">[1]　Dreamweaver 资源 <br> [2]　Fireworks 资源 <br> [3]　Flash 资源 <br> [4]　Photoshop 资源 <br> [5]　酷软速当 <br> [6]　书籍宝典 </div> </td> <td width="20％"> <div id="menu_2" class="menu" onMouseOver="keepMenu(this)" onMouseOut="hideMenu(this)"> [1]　免费计数器申请 <br> [2]　免费留言板申请 <br> [3]　免费网上调查申请 <br> </div> </td> <td width="20％"> <div id="menu_3" class="menu" onMouseOver="keepMenu(this)" onMouseOut="hideMenu(this)"> [1]　SCRIPT 脚本收集 <br> [2]　ASP 源程序下载 <br> [3]　HTML 特效 <br> [4]　XML 方面 <br> </div> </td> <td width="20％" height="100"> <div id="menu_4" class="menu" onMouseOver="keepMenu(this)" onMouseOut="hideMenu(this)"> [1]　网页设计服务价格 <br> [2]　在线定单 <br> [3]　汇款方式 <br> </div> </td> </tr> </table>

投稿

二级下拉菜单代码

猜你喜欢