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

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

VS2008(C#)制作网页Tab标签切换方法（四）——IFrame实现

 

利用HTML的iframe属性，并结合后台的CS代码实现，具体做法如下：

 

前台HTML代码：

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

<!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>Main_Page</title>
    <style type="text/css">
        body
        {
            color: #000000;
            background-color: #ffffff;
            font-family: Tahoma, 宋体;
            font-size: 12px;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }
        .aaa
        {
            background-color: #ffcc33;
        }
        .bbb
        {
            background-color: #99ffcc;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style=" margin-top: 20px;">
        <asp:Button ID="Button1" runat="server" CssClass="aaa" Text="文学"
            οnclick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" CssClass="bbb" Text="科技"
            οnclick="Button2_Click" />
        <asp:Button ID="Button3" runat="server" CssClass="bbb" Text="军事"
            οnclick="Button3_Click" />
        <br />
        <iframe id="IFrame" runat="Server" style=" border: solid 1px inherit; width: 300px; height: 500px;">
        </iframe>
    </div>
    </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_IFrame_Main_Page : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        IFrame.Attributes.Add("src", "page1.aspx");
        Button1.CssClass = "aaa";
        Button2.CssClass = "bbb";
        Button3.CssClass = "bbb";
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        IFrame.Attributes.Add("src", "page1.aspx");
        Button1.CssClass = "aaa";
        Button2.CssClass = "bbb";
        Button3.CssClass = "bbb";
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        IFrame.Attributes.Add("src", "page2.aspx");
        Button1.CssClass = "bbb";
        Button2.CssClass = "aaa";
        Button3.CssClass = "bbb";
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        IFrame.Attributes.Add("src", "page3.aspx");
        Button1.CssClass = "bbb";
        Button2.CssClass = "bbb";
        Button3.CssClass = "aaa";
    }
}

附加说明：

在同一目录下，新建三个ASPX网页，命名依次为: Page1.aspx、 Page1.aspx、 Page1.aspx

 

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

阳光岛主
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VS2008（C#）4种方法实现Tab标签灵活切换源码，测试成功！
01-29
VS2008（C#）4种方法实现Tab标签灵活切换源码，测试成功！
ASP.NET之页面切换
前端啤酒屋
12-08 1553
页面切换 ** 1.利用超链接直接跳转 ** 通过a标记的href属性，链接到目标页面 &lt;a herf=”Page2.aspx”&gt;进入&lt;/a&gt; 通过HyperLink 控件 &lt;asp:HyperLink ID=”HyperLink1” ruant=”server” NavigateUrl=”~/page2.aspx”&gt;进入页面2&lt;/asp:HyperLi...
Microsoft Visual Studio 2008制作网站全过程(有图有真相)
日常点滴--冬林的私密文档
11-04 1350
1、  VS2008中新建网站--- 建完如下图：   2、  打开Default.aspx ，拖拉 label、textbox、button 、gridview 设计如下图： 其中gridview 新建数据源 新建连接 下一步 3 双击提交按钮，添加如下代码：         protected void Button1_Click(ob
.NET在Visual Studio的不同Tab之间切换
GRANDTREE的专栏
07-02 834
 From： http://www.cnblogs.com/chenxizhang/archive/2009/07/02/1515154.html 我们经常使用Visual Studio，有时候会在里面开了好多个选项卡页面，要进行切换的时候可能比较麻烦。刚才不小心按了一个键，发现有这样一个切换的方法按住CTRL+TAB,会出现一个对话框，而且可以预览的。不错本文
简单实现Tab切换（带框架）
weixin_30823683的博客
03-03 189
<script type="text/javascript"> $(function () { //加载时添加的标签卡 if ('<%=Request["mid"] %>'=="1") { addTab('标题1', '/test.aspx', false); } ...
C# 制作网页
04-15
使用C#进行的网页开发实现局域网连接，通常是实现工厂的局域网软件登陆控制等功能
左侧点击菜单tab切换网页特效
11-22
左侧点击菜单tab切换
tab标签切换
12-25
tab标签切换
VS2008 C#开发WinCE系统程序开发详细步骤
06-14
使用VS2008+SQLite开发的WinCE系统下的PDA程序开发，自己写了一个小Deom,希望可以帮助到初次接触这个的人。文档中提到所需要的安装资源我也会放上去的。
c# 在webFrom上实现tabcontrol功能（onmouseover事件，onclick事件）
12-06
c# 在webFrom上实现tabcontrol功能 onmouseover事件：鼠标移动到按钮上page页面更换 onclick事件：点击按钮页面更换
浏览器页面Tab切换工具，自定义切换时间-360浏览器.zip
05-13
https://blog.csdn.net/chenxiaotao22/article/details/106098580 展示各部门的运营数据（网页浏览器），（自定义展示时间），页面打开后不用刷新数据。 本程序缺陷：开发利用windows api，是需要锁定了浏览器的句柄，置顶，发送切换指令。以至于电脑不方便做其它事情，时不时会出现在顶层。
C#TabControl控件实现窗体的整合与切换示例
08-28
在C#的WinForm中，用TabControl整合了多个窗体，实现了窗体的切换。这是通过选项卡进行三个窗体之间切换的Demo，有关此Demo的详细介绍，大家可以参考我的博客：https://blog.csdn.net/weixin_43074474/article/details/100120303
简单webform仿Winform TabControl标签页
05-25
简单webform仿Winform TabControl标签页 ，用js实现
asp.net实现简单Tab页
木子三寿
04-01 1600
       在C/S模式下，经常采用Tab分页的方式来做，然后将不同的信息放到不同的Tab页中，然后可以点击页签去查看不同页面中的内容。在Web开发中，也需要用到这样的Tab页，实现的方式有很多种，现在来介绍一种简单的Tab页的实现方式：用iframe来实现。       具体步骤是：先建立一个主TabForm.aspx,在上面放两个按钮来模拟页签（今后也可以用Photoshop来制作更精美的图
tab功能菜单——利用tab切换不同的div
热门推荐
邹玉杰（邹琼俊）的专栏
10-25 1万+
需求：在web界面上实现类型tab页签的效果 aspx界面代码： 充值 作废售水
VS2008(C#)制作网页Tab标签切换方法（一）
阳光岛主
01-29 5310
VS2008(C#)制作网页Tab标签切换方法（一）——AJAX控件 直接使用自定义的AJAX插件实现，具体的AJAX插件源文件和详细安装方法，请详见本人上传的资源（AspAjax的安装与使用（内含安装文件和详细安装教程）-AJAX扩展控件，非常实用）按照里面的安装步骤一步一步安装完AJAX插件后，再设计如下代码就可（无需自己编写后台CS代码） http://www.w
c#制作ctrl+tab切换窗口界面
最新发布
06-13
在 C# 中，要实现 Ctrl+Tab 切换窗口界面的功能，可以使用 TabControl 控件和 KeyDown 事件结合起来实现。以下是简单的示例代码： ```csharp private void Form1_Load(object sender, EventArgs e) { // 添加两个 TabPage tabControl1.TabPages.Add("TabPage1"); tabControl1.TabPages.Add("TabPage2"); } private void Form1_KeyDown(object sender, KeyEventArgs e) { if (e.Control && e.KeyCode == Keys.Tab) // 判断 Ctrl+Tab { // 获取当前选中的 TabPage 的索引 int currentIndex = tabControl1.SelectedIndex; // 切换到下一个 TabPage if (currentIndex < tabControl1.TabCount - 1) { tabControl1.SelectedIndex = currentIndex + 1; } // 如果已经是最后一个 TabPage，则切换到第一个 TabPage else { tabControl1.SelectedIndex = 0; } // 防止继续触发 KeyDown 事件 e.SuppressKeyPress = true; } } ``` 首先在窗体加载时添加两个 TabPage，然后在 KeyDown 事件中判断用户是否按下了 Ctrl+Tab 组合键，如果是，则获取当前选中的 TabPage 索引，并根据索引切换到下一个或第一个 TabPage。最后，设置 e.SuppressKeyPress 为 true，以防止继续触发 KeyDown 事件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值