欧美国产日韩精品一区三区二区-中出视频免费在线观看-成人一区二区亚洲精品-h在线看免费视频网站

中山php|最優(yōu)網(wǎng)絡(luò)中山做網(wǎng)站 中山php建站

最優(yōu)良人

Posts Tagged With: 下拉

純css實(shí)現(xiàn)下拉菜單,兼容ie6

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

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