這么一個簡單的效果就花了偶兩個多小時,失敗。。。看來還是寫的太少,眼高手低!!以后還要多動手寫,不能只知道實現方法就pass了廢話少說,代碼如下(這個可是結構,樣式,行為相分離哦): <!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> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="generator" content="editplus" /> <meta name="author" content="http://www.sztba.cn/"/> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> *{margin:0px;padding:0px;} #menu{ font-size:12px; list-style-type:none; width:100px;text-align:center; } #m1,#m2,#m3,#m4{ border:1px solid #666; height:20px;line-height:20px; background:#ccc;width:98px; } #m1_sub,#m2_sub,#m3_sub,#m4_sub{ display:inline-block; } ul#menu li ul li{ border:1px solid #999; height:20px;line-height:20px; background:#efefef;list-style-type:none; } </style> <script type="text/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script"> function toggleMenu(){ var aTitle=new Array(); if(arguments.length==0) return false; //獲取對象 var $=function(id){ return document.getElementById?document.getElementById(id):document.all[id]; } //將獲取參數轉換為數組 for(var i=0;i </head> <body> <ul id="menu"> <li id="m1">菜單1</li> <li id="m1_sub"> <ul> <li>11111111111</li> <li>11111111111</li> </ul> </li> <li id="m2">菜單2</li> <li id="m2_sub"> <ul> <li>22222222222</li> <li>22222222222</li> </ul> </li> <li id="m3">菜單3</li> <li id="m3_sub"> <ul> <li>33333333333</li> <li>33333333333</li> </ul> </li> <li id="m4">菜單4</li> <li id="m4_sub"> <ul> <li>44444444444</li> <li>44444444444</li> </ul> </li> </ul> </body> </html> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] JavaScript技術:一個qq菜單效果,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。