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标签灵活切换源码,测试成功!
分享到:
相关推荐
VS2008(C#)4种方法实现Tab标签灵活切换源码,测试成功!
tab标签切换
在vs2008中使用C#制作网页的例子,参考一下还是不错的!
使用C#进行的网页开发实现局域网连接,通常是实现工厂的局域网软件登陆控制等功能
左侧点击菜单tab切换
可以放入多个Tab标签,c#后台自定义配置,可以更换皮肤
C# 抓取网页内容帮助方法,能投通过标签自动匹配想要输出的内容
网页浏览切换,用C#写的一个可以切换网页的功能,用来测试网页格式,需要.netframework环境
本例子采用VS2005+C#开发,解决网页网页动态切换加载用户控件丢失问题。http://www.linjon.cn
c#版多标签页浏览器是用c#编写的多标签页浏览器,类似遨游,360,腾讯TT,可以在一个窗口中打开若干个网页。适合新手学习使用。
页面实现多页签切换效果。即多个页面显示或隐藏于同一个页面中,页面通过选项卡切换。
VS2008 C# 浏览器,带详细注释 说明
C#winform窗口切换,感觉很好玩,而且玩起来蛮炫的,适合初学者。用到API
C#调用CodeSoft打印标签,使用斑马打印机,二维码是变量。
WPF 实现多界面切换
主要方法是添加资源文件,其实是字符串id与内容的列表,每种语言一个资源,然后你要设置当前线程的语言。当然比如控件的显示等也是必须写成从资源提取,不能直接在属性窗口里设置。
使用VS2008+SQLite开发的WinCE系统下的PDA程序开发,自己写了一个小Deom,希望可以帮助到初次接触这个的人。文档中提到所需要的安装资源我也会放上去的。
实现C#多窗口相互切换
一个小Demo,一个主窗体中通过按钮实现 三个子窗体的切换显示,三个子窗体的切换的过程中,其窗体上的数据不会丢失。
C# winform TabControl 自定义标签颜色 点击突出显示 源码简单易懂