代码改变世界

DWZ选项卡

2017-06-04 13:08  sunice  阅读(1178)  评论(0)  编辑  收藏  举报 
<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表示默认选中的选项卡的索引