求老師幫忙看一下啊 ? ??....<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>Document</title>
<style?type="text/css">
?.top-nav
?{
??font-size:?14px;
??font-weight:?bold;
??list-style:?none;
?}
?.top-nav?li
?{
??float:?left;
??margin-right:?1px;
?}
?.top-nav?li?a
?{
??line-height:?34px;
??text-decoration:?none;
??background:?#3f240e;
??color:?#fff;
??display:?block;
??width:?80px;
??text-align:?center;
?}
?.top-nav?ul
?{
??list-style:?none;
??display:?none;
??padding:?0;
??position:?absolute;
??height:?0;
??overflow:?hidden;
?}
?.top-nav?li?a:hover
?{
??background:?url(pic/slide-bg0.png)?0?0?repeat-x;
?}
?.note?
?{
??color:?#3f240e;
??display:?block;
??background:?url(pic/slide-bg0.png)?0?0?repeat-x;
?}
?.corner
?{
??display:?block;
??height:?20px;
??background:?url(pic/corner.png)?31px?0?no-repeat;
?}
</style>
<script>
window.onload?=?function?()?{
var?Lis?=?document.getElementsByTagName("li");
for?(var?i?=?0;??i?<?Lis.length?;?i++)?{
Lis[i].onmouseover??=?function?()?{
var?uL?=?this.getElementsByTagName("ul")[0];
u.style.display?=?"block";
if??(uL?!=?undefined)?{
u.style.display?=?"block";
AddH(uL.id);
}
}
Lis[i].onmouseleave??=?function?()?{
var?uL?=?this.getElementsByTagName("ul")[0];
SubH(uL.id);
}
}
}
function?AddH?(id)?{
var?ulList?=?document.getElementById(id);
var?h?=?ulList.offSetHeight;
h?+=?1;
if?(h<=42)
{
ulList.style.height?=?h?+?"px";
setTimeout("AddH('"+id+"')",?10);
}
else?{
return;
}
}
function?SubH?(id)?{
var?ulList?=?document.getElementById(id);
var?h?=?ulList.offSetHeight;
h?-=?1;
if?(h?>?0)?{
ulList.style.height?=?h?+?"px";
setTimeout("SubH('"+id+"')",?10);
}
else
{
ulList.style.display?=?"none";
return;
}
}
</script>
</head>
<body>
<ul>
<li><a?href="#"><span>慕課網</span></a></li>
<li><a?href="#">課程大廳</a></li>
<li>
<a?href="#">學習中心</a>
<ul?id="menuUL">
<span></span>
<li><a?href="#">前端課程?</a></li>
<li><a?href="#">手機開發</a></li>
<li><a?href="#">后臺開發</a></li>
</ul>
</li>
<li><a?href="#">關于我們</a></li>
</ul>
</body>
</html>....
JS 實現動畫菜單 為什么沒有效果啊 沒有JS 語法錯誤的啊
isu_騰飛
2014-11-24 21:03:32
