課程
/前端開發(fā)
/HTML/CSS
/導航條菜單的制作
subNav.className='';為什么就輸出內(nèi)容了 求解
2016-09-29
源自:導航條菜單的制作 6-2
正在回答
我沒用定時器。這樣寫也可以
window.onload=function(){
? ? var aLi=document.getElementsByTagName('li');
? ? for(var i=0; i<aLi.length; i++){
aLi[i].onmouseover=function(){
var subNav = this.getElementsByTagName('ul')[0];
if(subNav){
var This = subNav;
This.style.overflow ="visible";
}
? ? ? ? //鼠標離開菜單,二級菜單動畫收縮起來。
aLi[i].onmouseout=function(){
var subNav = this.getElementsByTagName("ul")[0];
This.style.overflow ="hidden";
} ??
不明覺厲的樣子。
小白覺得完全不需要這步吧,二級菜單顯示功能主要是下面這兩行代碼實現(xiàn)
var nav=this.getElementsByTagName('ul')[0];
?nav.style.height=120+'px';
? ??
舉報
水平、垂直、圓角導航條菜單,讓您的技術探索之路更高效
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-10-05
我沒用定時器。這樣寫也可以
window.onload=function(){
? ? var aLi=document.getElementsByTagName('li');
? ? for(var i=0; i<aLi.length; i++){
aLi[i].onmouseover=function(){
var subNav = this.getElementsByTagName('ul')[0];
if(subNav){
var This = subNav;
This.style.overflow ="visible";
}
}
? ? ? ? //鼠標離開菜單,二級菜單動畫收縮起來。
aLi[i].onmouseout=function(){
var subNav = this.getElementsByTagName("ul")[0];
if(subNav){
var This = subNav;
This.style.overflow ="hidden";
}
}
} ??
}
2016-09-30
不明覺厲的樣子。
小白覺得完全不需要這步吧,二級菜單顯示功能主要是下面這兩行代碼實現(xiàn)
var nav=this.getElementsByTagName('ul')[0];
?nav.style.height=120+'px';
? ??