在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何使用jquery實現以下效果

如何使用jquery實現以下效果

clipboard.png

clipboard.png
當沒有選擇其他兩個tab，鼠標移上去會變色，如果鼠標移到選中的tab不會變色

代碼：

<ul class="fixed_bar" style="">
    <li class="status_on active">
        <a href="#status1">產品介紹</a>
    </li>
    <li class="status_on">
        <a href="#status2">商品評價<span>(0)</span></a>
    </li>
    <li class="status_on">
        <a href="#shbz">售后服務</a>
    </li>
    <div class="statusBtn" style="display:none;">
        <a href="javascript:addToCart_bak(77)" class="statusBtn1" title="加入購物車"></a>
    </div>
</ul>
$( document).ready(function(){
  $('.fixed_bar').find('li').click(function(){
    $('.fixed_bar').find('li').removeClass('active');
    $(this).addClass('active');
  });                                                                    
})

這段代碼是實現了點擊tab變成紅色，灰色tab字體變橙色的不知道怎么實現

回答
編輯回答
溫衫

沒有被點擊的，即灰色tab處理：
.status_on :hover{

color:#FF9900

}

2017年3月21日 21:30
編輯回答
舊言

鼠標點擊時,弄一個變量
然后鼠標移動時的事件里判斷一下變量.來做分支

2018年5月9日 17:49
編輯回答
忘了我
.tab {
    background-color: gray;
}
.tab:hover {
    background-color: yellow;
}
.tab.select {
    background-color: red;
}

注意下最后一條，如果你的類名是class="tab select"這樣疊加使用的，一定記得中間不要有空格，否則會變成包含選擇符就廢了。

2017年4月16日 06:30