這是我現在用的/ * * * * * * * * html * * * * * * * * * /? <form ?>? ? ? ? ? ? <span>?? ? ? ? ? ? ? ? <a href="#" id="search_tab">商品? ? ? ? ? ? ? ? <i class="icon_1"></i>? ? ? ? ? ? ? ? </a>? ? ? ? ? ? ? ? <span id="search_list" class="search_list">? ? ? ? ? ? ? ? <a href="#" id="search_tab1">商品</a>? ? ? ? ? ? ? ? <a href="#" id="search_tab2">店鋪</a>?? ? ? ? ? ? ? ? </span>? ? ? ? ? ? </span>?? ? ? ? ? ? <span>/ * * * * * * * * ?js * * * * * * * * * /addEvent('search_tab1','mouseover',function(){ this.className ='selected';})addEvent('search_tab1','mouseout',function(){ this.className =''; })addEvent('search_tab2','mouseover',function(){ this.className ='selected';})addEvent('search_tab2','mouseout',function(){ this.className =''; })這是我按照課程里的寫的。為什么這個就不行了呢？?“鼠標第一次移上還有，可第二次移上就沒有了?！? * * * * * * * * html * * * * * * * * * /?<form ?>? ? ? ? ? ? <span>?? ? ? ? ? ? ? ? <a href="#" id="search_tab">商品? ? ? ? ? ? ? ? <i class="icon_1"></i>? ? ? ? ? ? ? ? </a>? ? ? ? ? ? ? ? <span id="search_list" class="search_list">? ? ? ? ? ? ? ? <a href="#" id="search_tab1" class="selected">商品</a>? ? ? ? ? ? ? ? <a href="#" id="search_tab2">店鋪</a>?? ? ? ? ? ? ? ? </span>? ? ? ? ? ? </span>?? ? ? ? ? ? <span>? ? ? ? ? ? <input type="text" required="required" class="search_input" placeholder="請輸入關鍵詞、學校名等...">? ? ? ? ? ? <input type="submit" value="搜索">? ? ? ? ? ? </span>? ? ? ? ? </form>/ * * * * * * * * js * * * * * * * * * /// JavaScript Documentvar getDOM = function(id){ return document.getElementById(id);}var addEvent = function(id,event,fn){ var el = getDOM(id)||document; if(el.addEventListener){ el.addEventListener(event,fn,false); }else if(el.attachEvent){ el.attachEvent('on'+event,fn); }}addEvent('search_tab','click',function(){ getDOM('search_tab').style.display ="none"; getDOM('search_list').className = 'search_list_pop'; }) addEvent('search_tab1','mouseover',function(){ if(this.className.indexof('selected')<0){ this.className+='selected'; }})addEvent('search_tab1','mouseout',function(){ this.className =''; }) addEvent('search_tab2','mouseover',function(){ if(this.className.indexof('selected')<0){ this.className+='selected'; }})addEvent('search_tab2','mouseout',function(){ this.className =''; })第一張 ?圖第二張 圖