VS2008(C#)制作网页Tab标签切换方法（三）

最新推荐文章于 2024-04-19 11:21:32 发布
最新推荐文章于 2024-04-19 11:21:32 发布
阅读量4.8k 收藏 1
点赞数
文章标签： c# server asp object button xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ithomer/article/details/5270895
版权

VS2008(C#)制作网页Tab标签切换方法（三）——CS后台代码实现

 

前台HTML代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tab_CS.aspx.cs" Inherits="Tab_Tab_CS" %>

<!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 runat="server">
    <title>Tab后台CS程序实现</title>
    <style type="text/css">
        body
        {
            color: #000000;
            background-color: #ffffff;
            font-family: Tahoma, 宋体;
            font-size: 12px;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }
        #TabButton1, #TabButton2, #TabButton3
        {
            margin-top: 20px;
            width: 60px;
        }
        .aaa
        {
            background-color: #E0E0E0;
        }
        .bbb
        {
            background-color: Gray;
            color: White;
        }
        #tab1, #tab2, #tab3
        {
            width: 188px;
            height: 100px;
            background-color: #E0E0E0;
            overflow: auto;
        }
        #tab2, #tab3
        {
            display: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="Server">
    <center>
        <div>
            <asp:Button ID="TabButton1" runat="server" CssClass="aaa" Text="查询" OnClick="TabButton1_Click" />
            <asp:Button ID="TabButton2" runat="server" CssClass="bbb" Text="新建" OnClick="TabButton2_Click" />
            <asp:Button ID="TabButton3" runat="server" CssClass="bbb" Text="修改" OnClick="TabButton3_Click" />
        </div>
        <div id="tab1" runat="Server">
            <asp:Label ID="Label1" runat="server" Text="111-查询"></asp:Label>
        </div>
        <div id="tab2" runat="Server">
            <asp:Label ID="Label2" runat="server" Text="222-新建"></asp:Label>
        </div>
        <div id="tab3" runat="Server">
            <asp:Label ID="Label3" runat="server" Text="333-修改"></asp:Label>
        </div>
    </center>
    </form>
</body>
</html>

 

后台CS代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Tab_Tab_CS : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void TabButton1_Click(object sender, EventArgs e)
    {
        tab1.Style.Add("display", "block");
        tab2.Style.Add("display", "none");
        tab3.Style.Add("display", "none");
        TabButton1.CssClass = "aaa";
        TabButton2.CssClass = "bbb";
        TabButton3.CssClass = "bbb";
    }
    protected void TabButton2_Click(object sender, EventArgs e)
    {
        tab1.Style.Add("display", "none");
        tab2.Style.Add("display", "block");
        tab3.Style.Add("display", "none");
        TabButton1.CssClass = "bbb";
        TabButton2.CssClass = "aaa";
        TabButton3.CssClass = "bbb";
    }
    protected void TabButton3_Click(object sender, EventArgs e)
    {
        tab1.Style.Add("display", "none");
        tab2.Style.Add("display", "none");
        tab3.Style.Add("display", "block");
        TabButton1.CssClass = "bbb";
        TabButton2.CssClass = "bbb";
        TabButton3.CssClass = "aaa";
    }
}

具体代码如上，源代码下载： VS2008（C#）4种方法实现Tab标签灵活切换源码，测试成功！

阳光岛主
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C8051的C语言的彻底应用_C语言_
10-03
C8051的C语言学习应用，教你如何快速学习掌握C8051的知识。
VS2008（C#）4种方法实现Tab标签灵活切换源码，测试成功！
01-29
VS2008（C#）4种方法实现Tab标签灵活切换源码，测试成功！
C与C++的六个区别
miaoza的博客
10-28 393
这里写自定义目录标题C与C++区别新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 C与C++区别 output、input 在C与C++中，input、output所使用的符号不同，具体示例如下： #include &
VS2008与VS2010 TAB键与空格设置
風韻無聲
06-18 8618
不同项目队Tab键的大小要求是不一样的，在vs2008和2010中设置好，可以方便编码。 首先，先后按下两组快捷键Ctrl+R和Ctrl+W可以显示程序中的空格显示为圆点的样式，这样，在编码时，就可以知道Tab键是否为空格了。 同样，再次按下上述快捷键可以取消该显示。 将Tab键改为四个空格的方法： Tools->Options->Text Editor->C/C++->Tabs中
VS2008(C#)制作网页Tab标签切换方法（二）
阳光岛主
01-29 4382
VS2008(C#)制作网页Tab标签切换方法（二）——JavaScript实现 使用JavaScript脚本代码，实现Tab标签切换 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    Tab的JavaScript实现            bod
【WinForm】C# 记录页面切换学习过程
cenwenjing的博客
01-24 4407
上位机页面制作学习过程
.NET ：在Visual Studio的不同Tab之间切换
陈希章@中国
07-02 709
我们经常使用Visual Studio，有时候会在里面开了好多个选项卡页面，要进行切换的时候可能比较麻烦。刚才不小心按了一个键，发现有这样一个切换的方法 按住CTRL+TAB,会出现一个对话框，而且可以预览的。不错 本文由作者：陈希章 于 2009/7/2 8:33:48 发布在：http://www.cnblogs.com/chenxizhang/ 本文版权归作者所有，可以转载，但未经作者
C#使用窗体标签页控件实例源码
01-03
C#使用窗体标签页控件实例csharptabs，就是实现窗体的多标签切换，这是近几年很流行的程序UI，单独跳出窗体的程序现在很多人都不喜欢了，这个就像浏览网页一样。程序简单，老鸟飘过。。
C# 标签切换代码,经典样式
11-17
标签切换代码,经典样式标签切换代码,经典样式标签切换代码,经典样式标签切换代码,经典样式标签切换代码,经典样式
C#TabControl控件实现窗体的整合与切换示例
08-28
在C#的WinForm中，用TabControl整合了多个窗体，实现了窗体的切换。这是通过选项卡进行三个窗体之间切换的Demo，有关此Demo的详细介绍，大家可以参考我的博客：https://blog.csdn.net/weixin_43074474/article/details/100120303
[html5技术]基于bootstrap制作的多标签页(tabs)
10-24
参考文档:https://blog.csdn.net/hj7jay/article/details/83345246
左侧点击菜单tab切换网页特效
11-22
左侧点击菜单tab切换
C# 制作网页
04-15
使用C#进行的网页开发实现局域网连接，通常是实现工厂的局域网软件登陆控制等功能
tab标签切换
12-25
tab标签切换
VS2008 C#开发WinCE系统程序开发详细步骤
06-14
使用VS2008+SQLite开发的WinCE系统下的PDA程序开发，自己写了一个小Deom,希望可以帮助到初次接触这个的人。文档中提到所需要的安装资源我也会放上去的。
C#探索之路基础夯实篇(5)：语法糖概念解析
qq_1628941121的博客
04-16 1117
语法糖是一种编程语言的特性，它可以使代码更易读、更简洁，但不会增加语言的表达能力。根据特定的情况，有选择性的去使用语法糖而不是滥用。
C# 面向对象编程(一)——类 第三篇
最新发布
记录知识点的博客
04-19 485
C# 面向对象编程(一)——类 第三篇
c#制作ctrl+tab切换窗口界面
06-13
在 C# 中，要实现 Ctrl+Tab 切换窗口界面的功能，可以使用 TabControl 控件和 KeyDown 事件结合起来实现。以下是简单的示例代码： ```csharp private void Form1_Load(object sender, EventArgs e) { // 添加两个 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值