jquery Tab效果和動態載入的簡單實例_jquery

一：tab效果顯示

複製程式碼程式碼如下：

程式碼如下：

碼"http://www.w3.org/1999/xhtml">

html{ 字型大小:12px;}
body{ 邊距:50px;}
div,ul,li{ 邊距:0;填滿：0;}
#tab{ 寬度：200px; margin-top:20px;}
# tab li{ float:left;高度：20px；行高：20px；邊框：1px實心#000；列表樣式：無；填充：3px 6px;}
#tab li.on{ 背景：#3CF;}
#bd div{ 寬度：198px;邊框：1px實心#000；高度：100px；文字對齊：居中；line-height:100px;background:#3CF;}
#links a{ margin-right:10px-right:10px ;}



登入註冊

• 登入


• 註冊

登入內容

註冊內容

});

二：Tab效果與動態載入

複製程式碼程式碼如下：

");
$("#tab").append(link); //向id為tab下面追加link
$(" #bd").append(links); //向id為bd下面追加links
});
});

百度


博客園


好123


163

asp:TemplateField>


asfa







azsac
;
;
;
;
;
;
;
;
;
;
;
;
;




;

;

;

;

;

azsac

;




列>