2011/12/26 at 13:52 » Comments (449)

以下代碼在ie6以上版本以及其他標準瀏覽器下，都可以實現純css的下拉菜單效果，原理是通過li:hover控制菜單的顯示隱藏。 <ul id="nav"> <li><a href="#">這是顯示的標題1</a> <ul> <li><a href="#">這是列表中的內容1</a></li> <li><a href="#">這是列表中的內容2</a></li> <li><a href="#">這是列表中的內容3</a></li> <li><a href="#">這是列表中的內容4</a></li> </ul> </li> <li><a href="#">這是顯示的標題2</a> <ul> <li><a href="#">這是列表中的內容5</a></li> <li><a href="#">這是列表中的內容6</a></li> <li><a href="#">這是列表中的內容7</a></li> <li><a href="#">這是列表中的內容8</a></li> </ul> </li> </ul> CSS樣式代碼 #nav, #nav ul{ /* all lists */ padding: 0; margin: 0; list-style: ...more »