关闭

选项卡切换

48人阅读 评论(0) 收藏 举报
分类:
<%@ 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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2663次
    • 积分:104
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:8篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档