jQuery簡單幾行程式碼實作tab切換_jquery

今天突然心血來潮，想到一個很簡單的方法即可達到的tab效果

其實邏輯很簡單，但看到網路上基本上沒這樣寫的

不知道實際應用是否會有問題呢，請大俠指教

複製程式碼 程式碼如下:

   
   

   

       
• 第一課

       
• 第二課

       
• 第三課

   

   

       

           1111
       

       

            2222
       

       

           3333
       

   

>
<script><br />     $(function(){<br />         window.onload = function()<br />         {<br />             var $li = $('#tab li');<br />             var $ul = $('#content ul');<br />             $li.click(function(){<br />                 $li.removeClass();<br />                 var $t = $(this).index();<br />                 $(this).addClass('current');<br />                 $ul.css('display','none');<br />                 $ul.eq($t).css('display','block');<br />             })<br />         }<br />     });<br /> </script>

圖片示範：

以上就是本文所述的全部了，希望大家能夠喜歡。