asp.net实现简单Tab页

本文介绍了在Web开发中如何使用iframe实现简单的Tab页效果。通过创建一个主页面TabForm.aspx,放置两个按钮作为Tab标签,并根据按钮点击切换iframe的src属性,展示WebForm1和WebForm2两个子页面内容。
摘要由CSDN通过智能技术生成

       在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 >
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值