下拉菜单

<div id="box">
	<div id="box1">
	<ul>
	<li οnmοuseοver="display(this)" οnmοuseοut="hide(this)">
	<a href="">内容一</a>
	<ul>
	<li><a href="#">123</a></li>
	<li><a href="#">456</a></li>
	<li><a href="#">789</a></li>
	<li><a href="#">000</a></li>
	<li><a href="#">99</a></li>
	</ul>
	</li>
	<li οnmοuseοver="display(this)" οnmοuseοut="hide(this)">
	<a href="">内容二</a>
	<ul>
	<li><a href="#">88888</a></li>
	<li><a href="#">66666</a></li>
	<li><a href="#">000000</a></li>
	<li><a href="#">9999999</a></li>
	</ul>
	</li>
	<li οnmοuseοver="display(this)" οnmοuseοut="hide(this)">
	<a href="">内容三</a>
	<ul>
	<li><a href="#">rtyb</a></li>
	<li><a href="#">dfkkh</a></li>
	<li><a href="#">eryuo</a></li>
	<li><a href="#">ghb</a></li>
	<li><a href="#">tyuio</a></li>
	</ul>
	</li>
	<li οnmοuseοver="display(this)" οnmοuseοut="hide(this)">
	<a href="">内容四</a>
	<ul>
	<li><a href="#">344</a></li>
	<li><a href="#">6666666666</a></li>
	<li><a href="#">1111111</a></li>
	<li><a href="#">2222222222</a></li>
	</ul>
	</li>
	<li οnmοuseοver="display(this)" οnmοuseοut="hide(this)">
	<a href="">内容五</a>
	<ul>
	<li><a href="#">ertyuk</a></li>
	<li><a href="#">sdfghj</a></li>
	<li><a href="#">ertyuio</a></li>
	<li><a href="#">dcvbnm</a></li>
	<li><a href="#">ertyui</a></li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</body>
	<script>
	/*-----显示菜单-----*/
	function display(li) {
	var aa = li.getElementsByTagName("ul")[0];
	aa.style.display = "block";
	}
	/*-----隐藏菜单-----*/
	function hide(li) {
	var aa = li.getElementsByTagName("ul")[0];
	aa.style.display = "none";
	}
	</script>

转载于:https://my.oschina.net/u/2920319/blog/845227