<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>純CSS豎向導航菜單</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 160px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; voice-family: "/"}/""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(/upload/2010-3/20100303231545473.gif); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li a:active { color: #ffffff; background: url(/upload/2010-3/20100303231637519.png) 0 -32px; padding: 8px 0 0 30px; } </style> </head> <body> <ul> <li>腳本之家</li> <li>CSS特效</li> <li>源碼下載</li> <li>廣告聯系</li> </ul> </body> </html> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] JavaScript技術:純CSS實現的豎向導航菜單,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。