我写了一种比较麻烦的办法就是将 两个标题的文字同时用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
