2-1 tabs範例
2-2 tabs AJAX範例
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>jquery測試</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="tabs.css">
<script type="text/javascript">
$(function(){
$("ul.tabs").tabs("div.tabs_content > div",{effect:"ajax"});
});
</script>
<style>
/* tab pane styling */
div.tabs_content div {
display:none;
padding:15px 10px;
border:1px solid #999;
border-top:0;
font-size:12px;
background-color:#A9FEFF;
width:600px;
height:200px;
line-height:200%;
}
</style>
</head>
<body>
<ul class="tabs">
<LI><a href="tab1.html">標籤一</a></LI>
<LI><a href="tab2.html">標籤二</a></LI>
<LI><a href="tab3.html">標籤三</a></LI>
</ul>
<div class="tabs_content">
<div style="display:block;"></div>
</div>
</body>
</html>
