选项卡切换

<%@ 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

阅读更多
个人分类: 常用小功能
上一篇侧边导航(高级搜索)应用到 $(&quot;xxxxx&quot;).click(function () {}点击某控件是触发的方法,
下一篇选项卡切换
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭