然而你的click事件有問(wèn)題

老師的代碼有沖突。沖突是在mouseout事件上。因?yàn)楫?dāng)選擇'tab_2'時(shí)候，觸發(fā)click事件，當(dāng)你把鼠標(biāo)移開(kāi)的時(shí)候就觸發(fā)了mouseout事件。mouseout事件會(huì)把'tab_2'的class給取消掉了，所以會(huì)出現(xiàn)空白情況。解決辦法就是把mouseout事件給去掉。

<script?>
var?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);
}
};
//展開(kāi)ul元素選項(xiàng)
addEvent('search_tab','mouseover',function(){
this.className?+=?'?trigger-hover';
});
//光標(biāo)選項(xiàng)
addEvent('tab_1','mouseover',function(){
if(this.className.indexOf('selected')<0){
this.className?+=?'?selected';
getDOM('tab_2').className='';
}
});
/*addEvent('tab_1','mouseout',function(){
this.className?=?'';//取消光標(biāo)選擇
});*/
addEvent('tab_2','mouseover',function(){
if(this.className.indexOf('selected')<0){
this.className?+=?'?selected';
getDOM('tab_1').className='';
}
});?
/*addEvent('tab_2','mouseout',function(){
this.className?=?'';//取消光標(biāo)選擇
});*/
addEvent('tab_1','click',function(){
getDOM('search_tab').className=?'search-list';
});
addEvent('tab_2','click',function(){
getDOM('search_tab').className?=?'search-list';
});