DWZ选项卡
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DWZ选项卡相关的知识，希望对你有一定的参考价值。
<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表示默认选中的选项卡的索引
以上是关于DWZ选项卡的主要内容，如果未能解决你的问题，请参考以下文章