<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. day27-3 matplatlib模块

    目录 matplotlib 条形图 折线图 散点图 matplotlib 图形可视化,主要用来画图 别问,问就是看不懂 条形图 import matplotlib.pyplot as plt # 只识 ...

  2. linux内核内存分配（一、基本概念）

    内存分配是Linux比较复杂也是比较重要的部分,这个和ssd驱动很类似:物理地址和虚拟地址的映射关系.下面总结下最近看到的有关内存分配的内容和自己的理解: 1.一致内存访问和非一致内存访问 上图来自& ...

  3. php多维数组的指定单个字段排序

    多维数组如何根据指定键值?比如现在有数组结构如下: ,,,,,'subject' => 'math'), 1 => array('name' => '3班','avgScore'=& ...

  4. 工作中常见的Git本地分支与远程分支同步场景

    Git 是一个开源的分布式版本控制系统,可以有效.高速地处理从很小到非常大的项目版本管理.   一直以来本人使用 Git 处理分支都是现用现查,一是因为怕出错,二还是因为懒,作为一名四年开发经验的前端 ...

  5. Django 中Admin站点的配置

    Admin站点是django提供的一个后台管理页面,可以用来对用户与数据库表数据进行管理. Admin站点配置流程 1.在settings.py文件中INSTALL_APPS列表中添加django.c ...

  6. httpClient 几种超时问题

    HttpClient的有3种超时时间,分别是: 1. [java] view plaincopyprint? ConnManagerParams.setTimeout(params, 1000); C ...

  7. 【CodeForces 987C】Three displays

    [链接] 我是链接,点我呀:) [题意] [题解] 动态规划 设dp[i][j]表示前i个数字,选了j个的最小花费. dp[i][j] = min(dp[k][j-1]+b[i]);//其中a[i]& ...

  8. Android使用C代码

    Android调用C代码 1.开发工具:Android studio 2.0 2.开发前准备: 2. 3. 4.下面我们就来开发我们的程序吧, [1]创建一个java类 package com.adm ...

  9. C/C++ 图像二进制存储与读取

    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50782792 在深度学习时,制作样本数 ...

  10. switch 的穿透， 以及穿透利用

    switch 穿透测试: outputs: 添加break 阻止switch穿透: outputs: 利用switch的穿透功能: