<span id="onqk7"><small id="onqk7"><meter id="onqk7"></meter></small></span>
首頁
網(wǎng)頁特效庫
網(wǎng)頁特效庫
導(dǎo)航菜單
按鈕表單
背景特效
時間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁面
狀態(tài)欄類
警告對話
綜合應(yīng)用
游戲娛樂
首頁
>
特效
>
導(dǎo)航菜單
> 正文
css下拉菜單特效代碼
2009-11-23 導(dǎo)航菜單 ℃
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="all" /> <title>純CSS的下拉菜單 支持IE6 IE7 Firefox</title> <style type="text/css"> *{margin:0;padding:0;} .menu{font-size:12px;position:relative;z-index:100;} .menu ul{list-style:none;} .menu li {float:left;position:relative;} .menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;} .menu table {position:absolute; top:0; left:0;} .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} .menu a{display:block;border:1px solid #aaa;background:#cacaca;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;} .menu a:hover{background:#fafafa;color:#000;border:1px solid #000;} .menu ul ul{} .menu ul ul li {clear:both;text-align:left;font-size:12px;} .menu ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;} .menu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;} </style> </head> <body> <div id="xlk7lhv" class="menu"> <ul> <li><a href="#">XHTML/CSS <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">標(biāo)準(zhǔn)</a></li> <li><a href="#">教程</a></li> <li><a href="#">技術(shù)文章</a></li> <li><a href="#">常見問題</a></li> <li><a href="#">布局教程</a></li> <li><a href="#">CSS菜單</a></li> <li><a href="#">瀏覽器兼容</a></li> <li><a href="#">滾動條相關(guān)</a></li> <li><a href="#">圓角矩形</a></li> <li><a href="#">CSS特效欣賞</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">07藝術(shù) <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">網(wǎng)頁</a></li> <li><a href="#">網(wǎng)頁</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">Javascript <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">JSON</a></li> <li><a href="#">技術(shù)文章</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">DOM</a></li> <li><a href="#">XML</a></li> <li><a href="#">正則表達式 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">正則表達式簡介</a></li> <li><a href="#">正則表達式之道</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">網(wǎng)站優(yōu)化</a></li> <li><a href="#">電腦網(wǎng)絡(luò)</a></li> <li><a href="#">建站技術(shù) <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">HP</a></li> <li><a href="#">ASP</a></li> <li><a href="#">ASP.NET</a></li> <li><a href="#">JSP</a></li> <li><a href="#">SQL</a></li> <li><a href="#">Flash</a></li> <li><a href="#">Dreamweaver</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> </body> </html></CODE>
相關(guān)特效代碼
無相關(guān)信息
熱門特效代碼
三級豎向展開/收縮導(dǎo)航菜單
鼠標(biāo)指向彈出菜單
jQuery 彈出菜單層
CSS二級下拉導(dǎo)航菜單
CSS做的垂直導(dǎo)航菜單效果
橫向二級導(dǎo)航菜單
仿google首頁下端圖片文字動畫導(dǎo)
導(dǎo)航鏈接菜單間隔閃爍
動態(tài)翻滾的導(dǎo)航條[酷比flash]
純CSS的三級聯(lián)動級聯(lián)菜單
推薦特效代碼
CSS+div+js組合強大實現(xiàn)超酷菜單
動態(tài)翻滾的導(dǎo)航條[酷比flash]
CSS橫向下拉菜單
微軟風(fēng)格的CSS橫向菜單
立體的CSS按鈕菜單效果
左側(cè)隱藏的菜單
網(wǎng)站首頁
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號-6
