在評(píng)論欄里看到 有一個(gè)Blackmourner同學(xué)提供了一種思路。試了下，貌似可以出來效果，但不知道對(duì)不對(duì)。
@Blackmourner同學(xué) 說最簡(jiǎn)單的方法是tab_2在點(diǎn)擊的時(shí)候交換tab_1和tab_2的值。JS或JQUERY實(shí)現(xiàn)，hover就靠CSS了。?
我按照這個(gè)思路，改成下面的代碼，貌似是點(diǎn)擊的時(shí)候是可以交換兩個(gè)的值。不知道對(duì)不對(duì)，有沒有小伙伴指點(diǎn)一下？
<script?src="js/jquery-2.2.3.min.js"></script>
<script>
$('#tab_2').bind('click',function?()?{?
if($('#tab_2').text()==="店鋪"){
$('#tab_2').html("寶貝");
$('#tab_1').html("店鋪");
}else{
$('#tab_2').html("店鋪");
$('#tab_1').html("寶貝");
}
});css樣式改成這樣：
.search-list:hover{
height: auto;
}
就可以實(shí)現(xiàn)鼠標(biāo)移動(dòng)到列表的時(shí)候，顯示兩個(gè)列表項(xiàng)(寶貝和店鋪）。
2016-05-23
這種方法是對(duì)滴，比老師的那種方法要簡(jiǎn)單很多，而且更容易理解。
老師的那個(gè)方法，把我給弄糊涂了。
2018-01-11
切換是可以實(shí)現(xiàn)了 但是當(dāng)二次劃入的時(shí)候劃入劃出效果就會(huì)失效了
2016-09-28
?addEvent('tab_2','click',function(){ ?????????this.className?='?';//鼠標(biāo)滑過時(shí)已經(jīng)將tab_2的className?設(shè)置為'selected'?這里置空。 ?????????var?a?=getDOM('tab_1').innerHTML; ?????????getDOM('tab_1').innerHTML=getDOM('tab_2').innerHTML; ?????????getDOM('tab_2').innerHTML=a; ?????????getDOM('search-tab').className?='search-list'; ?????});css代碼不需變，直接改寫鼠標(biāo)點(diǎn)擊tab_2式的js代碼也可以實(shí)現(xiàn)