关于鼠标悬停 离开 选中样式调整

来源:互联网 发布:程小青 知乎 编辑:程序博客网 时间:2024/05/21 04:21
 <div style="text-align: center;margin: 0px auto;">
<ul id="tabs">
 <li class="licls li_default li_select"><span id="first"><font size="2">666</font></span></li>
 <li class="licls li_default"><span id="second">888</span></li>
 <li class="licls li_default"><span id="third">999</span></li>
 <li class="licls li_default"><span id="fourth">777</span></li>
</ul>

</div>



$(function(){
  $('.li_default').click(function(e) {
        if(!$(this).hasClass("li_default"))  return;
        $(".licls").removeClass("li_select");
        $(this).addClass("li_select");
        $("#tabs li").attr("id","");
    });
});