Cambio de pestaña (2)

método uno:
Inserte la descripción de la imagen aquí

	<div class="tab">
    	<ul class="tit_list">
        	<li class="li_this"><a href="#">第一个</a></li>
            <li><a href="#">第二个</a></li>
            <li><a href="#">第三个</a></li>
        </ul>
        <div class="txt">第一个</div>
        <div class="txt" style="display:none;">第二个</div>
        <div class="txt" style="display:none;">第三个</div>
    </div>
<script>
    $(function(){
        var $li=$(".tab .tit_list li");
        var $div=$(".tab .txt");
	
        $li.mouseover(function(){
            $t=$(this).index();
            $li.removeClass("li_this");
            $(this).addClass("li_this");
            $div.css("display","none");
            $div.eq($t).css("display","block");
		})
	})
</script>

Método dos:

Supongo que te gusta

Origin blog.csdn.net/weixin_42645716/article/details/88259343
Recomendado
Clasificación