日韩欧美视频一区,毛片内射久久久一区,国产中文视频

<!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" 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><span>腳本專欄</span></li> <li><span><a href=/pingce/wangluo/ target=_blank class=infotextkey>網(wǎng)絡(luò)</a>編程</span></li> <li><span>數(shù)據(jù)庫(kù)</span></li> <li><span>源碼下載</span></li> <li><span>軟件下載</span></li> </ul> </li> <li>服務(wù)介紹 <ul> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二服務(wù)二</li> <li>服務(wù)二服務(wù)二服務(wù)二</li> <li>服務(wù)二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案例三</li> <li>案例三案例三案例三</li> </ul> </li> <li>關(guān)于我們 <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>聯(lián)系我們 <ul> <li>聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> </ul> </li> </ul> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
第二種方法：
其實(shí)，所謂的二級(jí)菜單都差不多，無(wú)非就是為二級(jí)菜單定義一個(gè)層，當(dāng)鼠標(biāo)放在一級(jí)菜單上的時(shí)候顯示這個(gè)層，而將鼠標(biāo)從一級(jí)菜單上移開(kāi)時(shí)隱藏這個(gè)層。因此，通過(guò)這個(gè)經(jīng)典的CSS二級(jí)菜單又可以衍生出很多種不同的二級(jí)菜單，其中一種如下圖所示，彈簧式的。

<!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" 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>產(chǎn)品介紹 <ul> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> </ul> </li> <li>服務(wù)介紹 <ul> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二服務(wù)二</li> <li>服務(wù)二服務(wù)二服務(wù)二</li> <li>服務(wù)二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案例三</li> <li>案例三案例三案例三</li> </ul> </li> <li>關(guān)于我們 <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>聯(lián)系我們 <ul> <li>聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
也可以豎著的二級(jí)菜單變成橫著的，如下面兩個(gè)圖所示。

<!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" 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>產(chǎn)品介紹 <ul> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> </ul> </li> <li>服務(wù)介紹 <ul> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二服</li> <li>服務(wù)二服</li> <li>服務(wù)二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案</li> <li>案例三案</li> </ul> </li> <li>關(guān)于我們 <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>聯(lián)系我們 <ul> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

<!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" 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>產(chǎn)品介紹 <ul> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> </ul> </li> <li>服務(wù)介紹 <ul> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二服</li> <li>服務(wù)二服</li> <li>服務(wù)二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案</li> <li>案例三案</li> </ul> </li> <li>關(guān)于我們 <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>聯(lián)系我們 <ul> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
以上幾種菜單在IE、Firefox、Opera、Flock瀏覽器下運(yùn)行通過(guò)，但是有一個(gè)問(wèn)題，就是在一級(jí)菜單中單擊鼠標(biāo)后，二級(jí)菜單就不會(huì)消失了。這不能不說(shuō)是一個(gè)bug啊。另外，還有一種橫著的二級(jí)菜單，這個(gè)菜單如下圖所示。該菜單在IE瀏覽器中運(yùn)行通過(guò)，但在Firefox、Opera、 Flock瀏覽器中運(yùn)行不正常。

<!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" 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>產(chǎn)品介紹 <ul> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> <li>產(chǎn)品一</li> </ul> </li> <li>服務(wù)介紹 <ul> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二</li> <li>服務(wù)二服務(wù)二</li> <li>服務(wù)二服務(wù)二服務(wù)二</li> <li>服務(wù)二</li> </ul> </li> <li>成功案例 <ul> <li>案例三</li> <li>案例</li> <li>案例三案例三</li> <li>案例三案例三案例三</li> </ul> </li> <li>關(guān)于我們 <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>聯(lián)系我們 <ul> <li>聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> <li>聯(lián)系聯(lián)系聯(lián)系</li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

以上腳本之家文件打包下載

JavaScript技術(shù)：css 二級(jí)菜單實(shí)現(xiàn)代碼集合修正版，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

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

css 二級(jí)菜單實(shí)現(xiàn)代碼集合修正版

相關(guān)文章閱讀