程序博客网 > 瑞士军刀能过安检知乎

asp.net实现简单Tab页

来源：互联网发布：瑞士军刀能过安检知乎编辑：程序博客网时间：2024/05/22 02:05

在C/S模式下，经常采用Tab分页的方式来做，然后将不同的信息放到不同的Tab页中，然后可以点击页签去查看不同页面中的内容。在Web开发中，也需要用到这样的Tab页，实现的方式有很多种，现在来介绍一种简单的Tab页的实现方式：用iframe来实现。
具体步骤是：先建立一个主TabForm.aspx,在上面放两个按钮来模拟页签（今后也可以用Photoshop来制作更精美的图片来作Tab标签），然后再建立两个子Form，WebForm1，WebForm2，当按钮被按下的时候来切换IFRAME的src属性去显示不同的子页面。

具体代码如下：

TabForm.aspx

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

<!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>无标题页</title>

<STYLE>.aaa {

BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;

BACKGROUND-COLOR: #ffcc33; BORDER-BOTTOM-STYLE: none

}

.bbb {

BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;

BACKGROUND-COLOR: #99ffcc; BORDER-BOTTOM-STYLE: none

}

</STYLE>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:button id="Button1" style="Z-INDEX: 101; POSITION: absolute; TOP: 24px; width:100px;" runat="server"

Text="WebFrom1Tab" CssClass="aaa" OnClick="Button1_Click"></asp:button>

<asp:Button id="Button2" style="Z-INDEX: 102; POSITION: absolute; TOP: 25px; left: 111px;width:100px;" runat="server"

Text="WebFrom2Tab" CssClass="bbb" OnClick="Button2_Click"></asp:Button>

<iframe id="IFRAME1" style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; Z-INDEX: 103;

LEFT: 11px; BORDER-LEFT: 0px solid; WIDTH: 924px; BORDER-BOTTOM: 0px solid; POSITION: absolute; TOP: 47px; HEIGHT: 555px"

runat="server"></iframe>

</div>

</form>

</body>

</html>

TabForm.aspx.cs

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class TabForm : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

IFRAME1.Attributes.Add("src", "Webform1.aspx");

}

protected void Button2_Click(object sender, EventArgs e)

{

IFRAME1.Attributes.Add("src", "Webform2.aspx");

}

}

瑞士军刀能过安检知乎

瑞士军刀能过安检知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子白树高地高分子涂层宝箱位置明日之后高分子涂层怎么获得明日之后高分子涂层特殊宝箱涂山小红娘权位涂山涂山苏苏简笔画涂山苏苏萌图涂山红红图片涂山苏苏涂山雅雅涂山容容涂山红红涂山雅雅美图涂山雅雅图片涂山璟看山是山山是山水是水重庆涂山寺皋涂山山礓涂布涂布白板纸热熔胶涂布涂布设备涂布纸 pet涂布膜涂布器稀释涂布平板法涂布灰底白板纸热熔胶涂布复合机灰底涂布白板纸平板划线法和稀释涂布平板法涂改液涂改带涂改笔涂改液弄衣服上怎么洗涂改液怎么洗掉涂改液弄到手上怎么洗涂改液可以补车漆吗涂改液弄到衣服上怎么办学生用品涂改带