DWZ选项卡

最新推荐文章于 2018-11-02 17:20:15 发布

weixin_30498807

最新推荐文章于 2018-11-02 17:20:15 发布

阅读量218

点赞数

文章标签： javascript xhtml ui ViewUI

原文链接：http://www.cnblogs.com/sunice/p/6940199.html

版权

<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表示默认选中的选项卡的索引

转载于:https://www.cnblogs.com/sunice/p/6940199.html

weixin_30498807

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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> ...
复制链接

扫一扫