js菜單實(shí)現(xiàn)展開(kāi)與隱藏 關(guān)于css二級(jí)菜單顯示?？戳艘粋€(gè)例子。鼠標(biāo)放在一級(jí)菜單時(shí)候。二級(jí)菜單就顯示出來(lái)了？
關(guān)于css二級(jí)菜單顯示?？戳艘粋€(gè)例子。鼠標(biāo)放在一級(jí)菜單時(shí)候。二級(jí)菜單就顯示出來(lái)了？我寫了以下代碼，希望理解<html><head><title>[hover是當(dāng)鼠標(biāo)放置在標(biāo)記上
關(guān)于css二級(jí)菜單顯示?？戳艘粋€(gè)例子。鼠標(biāo)放在一級(jí)菜單時(shí)候。二級(jí)菜單就顯示出來(lái)了？
我寫了以下代碼，希望理解<html><head><title>[hover是當(dāng)鼠標(biāo)放置在標(biāo)記上時(shí)觸發(fā)事件的CSS偽類]</Title><styletype=“text/CSS”>/*默認(rèn)情況下隱藏輔助菜單*/span{V}可視性：隱藏}/*鼠標(biāo)觸發(fā)一個(gè)標(biāo)簽來(lái)實(shí)現(xiàn)一個(gè)標(biāo)簽，它可以影響以下所有標(biāo)記[將鼠標(biāo)放在標(biāo)記上，span tag display]*/a:hoverpan{visibi}外觀：可見(jiàn)}</style></head><body><A>我是一級(jí)菜單<！--二級(jí)菜單默認(rèn)是隱藏的--><span>我是二級(jí)菜單</span></A></body></HTML>
代碼粘貼太復(fù)雜了；首先，我分析一下原理：沒(méi)有hover屬性的二級(jí)菜單是不隱藏的，所以需要顯示：none。鼠標(biāo)懸停時(shí)，會(huì)列出二級(jí)菜單，可以用純CSS實(shí)現(xiàn)。了解了上述原理后，就更容易實(shí)現(xiàn)以下幾點(diǎn)。例如：HTML代碼：CSS代碼：可能發(fā)生這種情況我發(fā)現(xiàn)二級(jí)菜單看起來(lái)有點(diǎn)僵硬；與jQuery合作以實(shí)現(xiàn)緩慢的顯示效果并不重要。注意，不知道jQuery的新手應(yīng)該記住首先加載Jquery.min.js文件文件，放在JS前面；