Js+css 精美二級導(dǎo)航

2024-09-05 12:20:46

字體：大中小

供稿：網(wǎng)友

js+css精美二級導(dǎo)航，適合想學(xué)一些基礎(chǔ)點(diǎn)的、基礎(chǔ)js知識技巧的朋友們。其實(shí)本菜單的完成不僅僅是需要基礎(chǔ)知識，更需要的是對CSS熟悉之后的巧妙構(gòu)思，菜單可能都會寫，但寫出好菜單就不那么容易了。

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js+css精美二級導(dǎo)航</title><style></style></head><body><script language="javascript" type="text/javascript">	function showSubLevel(Obj){		Obj.className="hover";	}	function hideSubLevel(Obj){		Obj.className="";	}</script><div   id="wa0oa2g"   class="menu">	<ul class="inner">        <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>            <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>            <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>            <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>            <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>            <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)">mainLevel        <ul>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        <li>subLevel</li>        </ul>        </li>	</ul></div><p>Made by Jacktomato<br />2010年10月23日<br />適合想學(xué)一些簡體、基本的js朋友們</p></body></html>

上一篇：jQuery 下拉菜單，很流行的效果

下一篇：jQuery 選項(xiàng)卡，仿騰訊迷你首頁，清爽無修飾版