免费国产网站,国产精品嫩草99AV在线,国产精品第八页

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css菜單演示</title> <style type="text/css">  </style>  </head> <body> <ul id="nav"> <li>產品介紹 <ul> <li>產品一</li> <li>產品一</li> <li>產品一</li> <li>產品一</li> <li>產品一</li> <li>產品一</li> </ul> </li> <li>服務介紹 <ul> <li>服務二</li> <li>服務二</li> <li>服務二</li> <li>服務二服務二</li> <li>服務二服務二服務二</li> <li>服務二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案例三</li> <li>案例三案例三案例三</li> </ul> </li> <li>關于我們 <ul> <li>我們四</li> <li>我們四</li> <li>我們四</li> <li>我們四111</li> </ul> </li> <li>在線演示 <ul> <li>演示</li> <li>演示</li> <li>演示</li> <li>演示演示演示</li> <li>演示演示演示</li> <li>演示演示</li> <li>演示演示演示</li> <li>演示演示演示演示演示</li> </ul> </li> <li>聯系我們 <ul> <li>聯系聯系聯系聯系聯系</li> <li>聯系聯系聯系</li> <li>聯系</li> <li>聯系聯系</li> <li>聯系聯系</li> <li>聯系聯系聯系</li> <li>聯系聯系聯系</li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
純css下拉菜單

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>老Y天下-網頁特效-導航菜單-漂亮的二級下拉菜單</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312">  <style type="text/css"> /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0; margin:0; list-style-type: none; } /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ .menu ul li { float:left; position:relative; } /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ .menu ul li a, .menu ul li a:visited { display:block; text-align:center; text-decoration:none; width:104px; height:30px; color:#000; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:30px; font-size:11px; } /* make the dropdown ul invisible */ .menu ul li ul { display: none; } /* specific to non IE browsers */ /* set the background and foreground color of the main menu li on hover */ .menu ul li:hover a { color:#fff; background:#b3ab79; } /* make the sub menu ul visible and position it beneath the main menu list item */ .menu ul li:hover ul { display:block; position:absolute; top:31px; left:0; width:105px; } /* style the background and foreground color of the submenu links */ .menu ul li:hover ul li a { display:block; background:#faeec7; color:#000; } /* style the background and forground colors of the links on hover */ .menu ul li:hover ul li a:hover { background:#dfc184; color:#000; } </style>  </head> <body>   <ul> <li>DEMOS  <ul> <li>zero dollars</li> <li>wrapping text</li> <li>styled form</li> <li>active focus</li> <li>shadow boxing</li> <li>image map</li> <li>fun backgrounds</li> <li>fade scrolling</li> <li>em sized images</li> </ul>  </li> <li>MENUS  <ul> <li>spies menu</li> <li>vertical menu</li> <li>enlarging list</li> <li>link images</li> <li>non-rectangular</li> <li>jigsaw links</li> <li>circular links</li> </ul>  </li> <li>LAYOUTS  <ul> <li>Fixed 1</li> <li>Fixed 2</li> <li>Fixed 3</li> <li>Fixed 4</li> <li>minimum width</li> </ul>  </li> <li>BOXES  <ul> <li>spies menu</li> <li>vertical menu</li> <li>enlarging list</li> <li>link images</li> <li>non-rectangular</li> <li>jigsaw links</li> <li>circular links</li> </ul>  </li> <li>MOZILLA  <ul> <li>drop down menu</li> <li>cascading menu</li> <li>content:</li> <li>mozzie box</li> <li>rainbow box</li> <li>snooker cue</li> <li>target practise</li> <li>two tone headings</li> <li>shadow text</li> </ul>  </li> <li>EXPLORER  <ul> <li>example one</li> <li>weft fonts</li> <li>vertical align</li> </ul>  </li> <li>OPACITY  <ul> <li>opaque colours</li> <li>opaque menu</li> <li>partial opacity</li> <li>partial opacity II</li> </ul>  </li> </ul>     </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
一般情況復制的東西，盡量不要用editplus復制，容易運行錯誤。

JavaScript技術：css+js下拉菜單，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

css+js下拉菜單

相關文章閱讀