选项卡切换

原创 2015年11月21日 14:16:01
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <!--基本选项卡start-->
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="jquery.js" type="text/javascript"></script>
    <script src="framework.js" type="text/javascript"></script>
    <script src="basicTab.js" type="text/javascript"></script>
    <!--基本选项卡end-->
    <style>
    li{ list-style:none;}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="basicTab">
        <div name="Tab1" style="width: 97%; height: 100px;">
            <ul>
                <li>
                    <div>
                        TabContent1</div>
                </li>
            </ul>
        </div>
        <div name="Tab2" style="width: 97%; height: 100px;">
            <ul>
                <li>
                    <div mode="list" fixedcellheight="true" usecheckbox="true">
                        TabContent2
                    </div>
                </li>
            </ul>
        </div>
        <div name="Tab3" style="width: 97%; height: 100px;">
            <ul>
                <li>
                    <div mode="list" fixedcellheight="true" usecheckbox="true">
                        TabContent3
                    </div>
                </li>
            </ul>
        </div>
    </div>
    </form>
</body>

</html>


需要的样式:http://download.csdn.net/detail/xydyz/9288357

需要的JS:http://download.csdn.net/detail/xydyz/9288349

                  http://download.csdn.net/detail/xydyz/9288331

                  http://download.csdn.net/detail/xydyz/9288325

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

选项卡切换

MFC选项卡切换教学

  • 2016-02-19 18:55
  • 2.16MB
  • 下载

纯CSS内页内容切换选项卡

纯CSS内页内容切换选项卡-www.zlcool.com a img{border:0} .hidden{display:none}/*隐藏*/ /*日记的选项卡*/ div....

选项卡自由切换

  • 2013-08-13 11:10
  • 141KB
  • 下载

web实战(三)— — Tab选项卡切换效果

参考慕课网教程《Tab选项卡切换效果》:http://www.imooc.com/learn/176 基本功能有延迟切换、自动切换。本文用jquery实现1、html tab标...

tab选项卡切换代码

  • 2012-04-20 21:21
  • 22KB
  • 下载

javascript实现-最简单选项卡切换

以下是用原生js实现的最简单选项卡切换效果。 鼠标滑过,对应的隐藏部分显示,并且样式发生改变。 代码最简洁,js行为优化版,复制粘贴即可使用。 ** javascript-实现最简易选项卡 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)