簡單選項卡 js和jquery製作方法分享_jquery

複製代碼代碼如下：

UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






 $(function(){
$("#ul2 li").click(function(){
          var num = $(this).index();
        ");
          $("#con2 div").eq(num).css("display","block")
       

li{
    float:left;
    height:30px;
    width:100px;
order :  bv   text-對齊:中心}
#con,#con2{
    清除:兩者;
    邊框:1px #0CF 實心;
   }
#con div,#con2 div{
    高度:200px;
    寬度:200px;
    顯示:無}


風格>
頭>

 
• 標題一
 
• 標題二

 

• 標題三

  

內容一

  

內容二

  

內容三

 
• 標題一

 
• 標題二

 
• 標題三

內容一

  

內容二

  

內容三