精簡版的二級下拉導航菜單，響應鼠標的動作，鼠標放上即顯示出菜單，常見的一種菜單樣式。在沒有經過美化的情況下，是很難看的，如果您有需要，就用心修改一下，美化一番，還是不錯的菜單哦！
| <html> <head> <title>二級菜單，響應鼠標</title> <style type="text/css"> .mainNav ul li {float: left;width: 150px;} .mainNav li ul {display: none;} li.hover ul {display: block;} </style> <script language="javascript" type="text/javascript"> function showSubLevel(Obj){ Obj.className="hover"; } function hideSubLevel(Obj){ Obj.className=""; } </script> </head> <body> <div class="mainNav"> <ul> <li 一級欄目A <ul> <li>A的二級欄目</li> <li>A的二級欄目</li> <li>A的二級欄目</li> </ul> </li> <li 一級欄目B <ul> <li>B的二級欄目</li> <li>B的二級欄目</li> <li>B的二級欄目</li> </ul> </li> <li 一級欄目C <ul> <li>B的二級欄目</li> <li>B的二級欄目</li> <li>B的二級欄目</li> </ul> </li> </ul> </div> </body> </html> <br /><center>如不能顯示效果，請按Ctrl+F5刷新本頁，更多網頁代碼：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center> |
文章源自：烈火網，原文：http://www.veryhuo.com/a/view/36622.html