<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="Scripts/dwz/themes/default/style.css" rel="stylesheet" />
<link href="Scripts/dwz/themes/css/core.css" rel="stylesheet" />
<link href="Scripts/dwz/themes/css/print.css" rel="stylesheet" />
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/dwz/js/dwz.core.js" type="text/javascript"></script>
<script src="Scripts/dwz/js/dwz.ui.js" type="text/javascript"></script>
<script src="Scripts/dwz/js/dwz.tab.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
DWZ.init("Scripts/dwz/dwz.frag.xml", {
//loginUrl: "login.html",
callback: function () {
initEnv();
//$("#themeList").theme({ themeBase: "themes" });
}
});
});
</script>
</head>
<body>
<div class="tabs" currentIndex="0" eventType="click">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="javascript:;"><span>卡1</span></a></li>
<li><a href="javascript:;"><span>卡2</span></a></li>
<li><a href="javascript:;"><span>卡3</span></a></li>
</ul>
</div>
</div>
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="javascript:;"><span>卡4</span></a></li>
<li><a href="javascript:;"><span>卡5</span></a></li>
<li><a href="javascript:;"><span>卡6</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" layoutH="120">
<div>内容1</div>
<div>内容2</div>
<div>内容3</div>
<div>内容4</div>
<div>内容5</div>
<div>内容6</div>
</div>
</div>
</body>
</html>
currentIndex表示默认选中的选项卡的索引
原文：http://www.cnblogs.com/sunice/p/6940199.html