<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选项卡的更多相关文章

  1. DWZ框架学习

    转自(http://blog.sina.com.cn/s/blog_667ac0360102ec0q.html) 初始化配置文件 $(function(){ DWZ.init("dwz.fr ...

  2. DWZ在APS.NET WebForm中的使用（一）

    1.前言 在最近的项目开发中,使用到了前端框架DWZ.DWZ是一款较为优秀的后台管理界面框架,但官方发布的文档确实令人汗颜,简单几页了事,有点对自己的产品不负责任了.同时感谢网友石头的热心帮助,在我这 ...

  3. DWZ（一）：框架初了解

    DWZ富client框架(jQuery RIAframework),是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富client框架设计目标是简单有用.扩展方便.高速开发. ...

  4. js和jquery实现简单的选项卡

    选项卡切换在做网页的时候经常会用到,以往都是用JQ来实现,代码简单易懂,今天用原生的js实现了一下,二者还是有很大不同的,可以对比一下代码来研究一下. <!DOCTYPE html> &l ...

  5. jQuery的DOM操作实例（1）——选项卡&&Tab切换

    一.原生JavaScript编写tab切换 二.jQuery编写tab切换 在用jQuery编写选项卡过程中,重要的事搞清楚 .eq() 和 .index() 的使用方法. .eq()是jQuery遍 ...

  6. CSS类似微软中国首页的竖向选项卡

    效果体验:http://hovertree.com/texiao/css/24/ 源码下载:http://hovertree.com/h/bjaf/hardklps.htm 代码如下: <!DO ...

  7. Bootstrap之选项卡

    <div class="container"> <!-- nav-tabs作为选项卡头部样式 --> <ul class="nav nav- ...

  8. WinForm中重绘TabControl选项卡标题

    最近开发WinForm频繁使用了TabControl控件,这个控件的选项卡没有BackgroundImage这个属性,那么如何为其各个选项卡添加背景图片呢?(这里说的是每个TabPage的头部,也就是 ...

  9. 简单的jquery选项卡效果

    html部分 <ul class="tab"> <li>最新</li> <li class="cur">热门&l ...

随机推荐

  1. [Intermediate Algorithm] - Spinal Tap Case

    题目 将字符串转换为 spinal case.Spinal case 是 all-lowercase-words-joined-by-dashes 这种形式的,也就是以连字符连接所有小写单词. 提示 ...

  2. 【转】Oracle基础结构认知—初识oracle 礼记八目 2017-12-12 21:19:30

    Oracle服务器(oracle server)由实例和数据库组成.其中,实例就是所谓的关系型数据库管理系统(Relational Database Management System,RDBMS), ...

  3. centos7 rpm 安装 rabbitMQ 最新版

    首先打开官网: http://www.rabbitmq.com/install-rpm.html 先到右侧导航栏来看一下 : 第一个红框是指的在linux中安装,全英文的,乱的一笔,但是静下心来就可以 ...

  4. gazebo 7.0 升级到7.15 参考他人博客

    gazebo 7.0 升级到7.14 网址:https://blog.csdn.net/riancy_riancy/article/details/84568322 编译后遇到报错 ,解决问题的网址: ...

  5. [luogu1463 HAOI2007] 反素数 (约数)

    传送门 Description 对于任何正整数x,其约数的个数记作g(x).例如g(1)=1.g(6)=4. 如果某个正整数x满足:g(x)>g(i) 0<i<x,则称x为反质数.例 ...

  6. jQuery选择器练习中，带空格和不带空格的问题

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. 在magento的eav模型中如何在更新记录时只在value表的原值上更新

    1,一般情况下,当我们在调用getModel在load某条实体接着更新对应实体上的值是,都不会覆盖原来的实体value表上的值,而是保留原来的,并在value表上重新创建一条值记录,比如初始表如下: ...

  8. 使用postman 测试restful接口

    前提: 在chrome网上应用商店安装postman 和 Postman Interceptor. 如下图: 使用postman的时候,最后开启postman Interceptor,如下图: 然后启 ...

  9. 关联规则推荐及Apriori算法

    参考这篇文章: http://blog.csdn.net/rongyongfeikai2/article/details/40457827 这条关联规则的支持度:support = P(A并B) 这条 ...

  10. ZOJ 3203

    很简单的一题,注意墙上的影子是放大就行.用三分. #include <iostream> #include <cstdio> #include <cstring> ...