我寫了一種比較麻煩的辦法就是將 兩個標題的文字同時用span標簽，分別定義一個class，這樣也可以實現移動鼠標變換，可以用在中間的導航欄而不是頂部
已采納回答 / stone310
因為你html代碼里有調用，<li xxx="xxx()"></li>這樣調用的函數必須放在全局作用域下，放在window.onload作用域下，外界就無法獲取
2016-08-09
用transition屬性的效果和jQuery的slideDown不一樣，transition是顏色透明度淡入淡出的效果，和jQuery的fade（）效果一樣，slideDown是上卷下拉的效果，終于把老師講的幾個案例弄清楚了，
2016-08-08
二級菜單顯示時，為什么會有從下往上出現的效果，自己研究了很多遍，transition屬性完全顯示不出來，又沒有源代碼，聽這個老師講課真心有點累
2016-08-08
@muge10 setTimeout（"AddH('"+id+"')",1） 是指字符串AddH('加上變量id再加上'), 其實就是AddH（'id'）,但是由于id是變量，必須要用+連接。因為調用函數subH（u.id），傳過去的id是沒有引號的，但是在函數subH里，getElementById(id),這里的參數id是必須要加引號才能獲取元素。
2016-08-07
function subH(){
var navul=document.getElementById('navul');
var h=navul.offsetHeight;
h--;
if(h<=0){
navul.style.height=0;
}else{
navul.style.height=h+'px';
}
}
}
里面的一些bug也解決了，
var navul=document.getElementById('navul');
var h=navul.offsetHeight;
h--;
if(h<=0){
navul.style.height=0;
}else{
navul.style.height=h+'px';
}
}
}
里面的一些bug也解決了，
2016-08-07
lis[i].onmouseout=function(){
var ul=this.getElementsByTagName('ul')[0];
clearInterval(timer);
timer=setInterval(subH,100);
}
function addH(){
var navul=document.getElementById('navul');
var h=navul.offsetHeight;
h++;
if(h>53){
return;
}else{
navul.style.height=h+'px';
}
var ul=this.getElementsByTagName('ul')[0];
clearInterval(timer);
timer=setInterval(subH,100);
}
function addH(){
var navul=document.getElementById('navul');
var h=navul.offsetHeight;
h++;
if(h>53){
return;
}else{
navul.style.height=h+'px';
}
2016-08-07
window.onload=function(){
var lis=document.getElementsByTagName('li');
var timer=null;
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
var ul=this.getElementsByTagName('ul')[0];
ul.style.display='block';
clearInterval(timer);
timer=setInterval(addH,100);
}
var lis=document.getElementsByTagName('li');
var timer=null;
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
var ul=this.getElementsByTagName('ul')[0];
ul.style.display='block';
clearInterval(timer);
timer=setInterval(addH,100);
}
2016-08-07
