• 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表示默认选中的选项卡的索引
  • 相关阅读:
    Delphi实现文件关联
    用Delphi实现文件关联
    Delphi 7使用自定义图标关联文件类型
    redux-form的学习笔记
    妙用 `package.json` 快速 `import` 文件(夹)
    【webpack2】-- 入门与解析
    黑科技:CSS定制多行省略
    DOM操作和样式操作库的封装
    webstorm 2016 激活破解
    js/jq仿window文件夹框选操作插件
  • 原文地址:https://www.cnblogs.com/sunice/p/6940199.html
Copyright © 2020-2023  润新知