导航子菜单下拉隐藏====JS

<script type=text/javascript>
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].οnmοuseοver=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";}
[color=red]sfEls[i].οnmοuseοut=function() {
this.className=this.className.replace(/sfhover/ig,"");}}}[/color]
//replace(/sfhover/ig,"")这个函数的意思就是把第二个参数替换第一个参数
//第二个参数是个空 替换之后sfhover 就被替换成空了
$(document).ready(menuFix);
</script>


<div id="nav">
<li><a href="#" class="yiji"><b>首页</b></a></li>
<li class="">
<a href="#" target="_self" class="abg yiji"><b>简介</b></a>
<ul>
<h1><img src="img.jpg" alt="" width="205" height="90" /></h1>
<li class="a"><a href="#" target="_self" >简介</a></li>
<li class="a"><a href="#" target="_self" >简介</a></li>
<li class="a"><a href="#" target="_self" >简介</a></li>
<li class="a"><a href="#" target="_self" >简介</a></li>
</ul>
</li>
</div>