首頁猿問 js漸入漸出效果沒有

js漸入漸出效果沒有

JavaScript

盞中柳色淺 2015-07-14 11:56:14

有沒有哪位跟著老師的步驟走但是沒有漸入漸出效果的？而是直接就跳出來的？匯報addH not defined的錯?<script> ????????window.onload=function(){ ????????????var?Lis=document.getElementsByTagName('li'); ???????????for(var?i=0;i<Lis.length;i++){ ???????????????Lis[i].onmouseover=function(){ ???????????????????var?u=this.getElementsByTagName('ul')[0]; ??????????????????//?console.log(u); ???????????????????if(u?!=?undefined){ ???????????????????????u.style.display='?block'; ???????????????????????addH(u.id); ???????????????????} ???????????????????Lis[i].onmouseleave=function(){ ????????????????????????var?u=this.getElementsByTagName('ul')[0]; ????????????????????????if(u?!=?undefined){ ????????????????????????????u.style.display='none'; ????????????????????????????subH(u.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); ????????????????????debugger; ????????????????????/*?debugger; ?????????????????????addH(id);*/ ????????????????} ????????????????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); ????????????????} ????????????} ????????} ????</script> </head> <body> ???? ????<div?id="menu"> ????????<ul?id="nav"> ????????????<li?class="mainlevel"><span?class="note">慕課網(wǎng)</span></li> ????????????<li?class="mainlevel"?id="mainlevel_01"><a?href="#">課程大廳</a> ????????????????<ul?class="sub_nav_01"?id="iTest"> ????????????????????<span?class="Triangle_con"></span> ????????????????????<li?><a?href="#">JavaScript</a></li> ????????????????????<li><a?href="#">JQuery</a></li> ????????????????????<li><a?href="#">HTML</a></li> ????????????????</ul> ????????????</li> ????????????<li?class="mainlevel"?id="mainlevel_02"><a?href="#">學習中心</a> ???????????????? ????????????</li> ????????????<li?class="mainlevel"><a?href="#">個人中心</a></li> ????????????<li?class="mainlevel"><a?href="#">關于我們</a></li> ????????</ul> ????</div>

查看完整描述