<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. Java为什么需要基本类型

    提问 首先抛出问题吧:Java为什么需要基本类型? 最开始遇到这个问题的场景不记得了,但是一查之下,发现一个问题:Java既然是面向对象的,宣称一切都是对象,为什么还有基础类型. 先上结论 为了性能+ ...

  2. 03--软件包管理工具 apt

    APT       APT(the Advanced Packaging Tool)是Ubuntu 软件包管理系统的高级界面,由几个名字以“apt-”打头的程序组成.apt-get.apt-cache ...

  3. map 解析

    Observable.of(1, 2, 3) .map { $0 * $0 } .subscribe(onNext: { print($0) }) .disposed(by: disposeBag) ...

  4. RabbitMQ学习笔记（6）----RabbitMQ 持久化和非持久化

    持久化:将交换机或队列数据保存到磁盘,服务器宕机或重启之后依然存在. 非持久化:将交换机或队列的数据保存到内存中,服务器宕机或重启之后数据将不存在. 在RabbitMQ中也提供了持久化和非持久化方式. ...

  5. php 单例模式与常驻服务

    运行机制使得每个PHP页面被解释执行后,所有的相关资源都会被回收.也就是 说,PHP在语言级别上没有办法让某个对象常驻内存.在PHP中,所有的变量都是页面级的,无论是全局变量,还是类的静态成员,都会在 ...

  6. 【udacity】机器学习-波士顿房价预测小结

    Evernote Export 机器学习的运行步骤 1.导入数据 没什么注意的,成功导入数据集就可以了,打印看下数据的标准格式就行 用个info和describe 2.分析数据 这里要详细分析数据的内 ...

  7. 序列模型（2）-----循环神经网络RNN

    一.RNN的作用和粗略介绍: RNN可解决的问题: 训练样本输入是连续的序列,且序列的长短不一,比如基于时间的序列:一段段连续的语音,一段段连续的手写文字.这些序列比较长,且长度不一,比较难直接的拆分 ...

  8. Project Euler 42 Coded triangle numbers

    题意:三角形数序列的第n项由公式tn = 1/2n(n+1)给出:因此前十个三角形数是: 1, 3, 6, 10, 15, 21, 28, 36, 45, 55, - 将一个单词的每个字母分别转化为其 ...

  9. nyoj329-循环小数

    329-循环小数 内存限制:64MB时间限制:3000msSpecial Judge: No accepted:1submit:1 题目描述: 我们可爱的 c小加 近段儿正在潜心研究数学,当他学习到循 ...

  10. vncserve安装与使用

    vncserver安装与配置 1.1.Centos安装 yum install tigervnc-server yum groupinstall "X Window System" ...