选项卡切换

原创 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

相关文章推荐

选项卡切换

  • 2017年09月14日 17:56
  • 3KB
  • 下载

MFC选项卡切换教学

  • 2016年02月19日 18:55
  • 2.16MB
  • 下载

echarts选项卡切换效果,并且自适应随着窗口大小变大变小。

首先先来个效果图: 这个是缩小后的窗口: 切换效果: 下面是代码:我用的是echarts3.0的,首先要去官网把echarts.min.js下载下来 我写的是bootstrap...
  • kakaxiD
  • kakaxiD
  • 2016年06月20日 11:59
  • 11129

选项卡自由切换

  • 2013年08月13日 11:10
  • 141KB
  • 下载

Android仿微信底部实现Tab选项卡切换效果

在网上看了比较多的关于Tab的教程,发现都很杂乱。比较多的用法是用TitlePagerTabStrip和ViewPaper。不过TitlePagerTabStrip有个很大的缺陷,Tab里面的内容刚进...

[前端] html+css+javascript 实现选项卡切换效果

用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一些新闻门户网站上的常见选项卡效果:文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:选项卡切换
举报原因:
原因补充:

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