Multiview+menu制作

最新推荐文章于 2015-10-11 20:53:23 发布
最新推荐文章于 2015-10-11 20:53:23 发布
阅读量2k 收藏
点赞数
分类专栏： Asp.net 文章标签： menu asp border server class stylesheet
 


  1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Multiview.aspx.cs" Inherits="Test_AspNet20_Default" %>
  2
  3<html xmlns="http://www.w3.org/1999/xhtml">
  4<head runat="server">
  5    <title>Tab</title>
  6    <link rel="stylesheet" href="tabber.css" type="text/css" media="screen" />
  7</head>
  8<body>
  9    <form id="form1" runat="server">
 10        <center>
 11            <table border="0" cellpadding="0" cellspacing="0">
 12                <tr>
 13                    <td>
 14                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
 15                            <tr>
 16                                <td class="tabbernav1">
 17                                    &nbsp;
 18                                </td>
 19                                <td class="tabbernav">
 20                                    <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" OnMenuItemClick="Menu1_MenuItemClick">
 21                                        <Items>
 22                                            <asp:MenuItem Text="吴锋" Value="0" Selected="True"></asp:MenuItem>
 23                                            <asp:MenuItem Text="吴锋" Value="1"></asp:MenuItem>
 24                                            <asp:MenuItem Text="吴锋" Value="2"></asp:MenuItem>
 25                                        </Items>
 26                                        <StaticMenuItemStyle CssClass="tabItem" BorderWidth="2px" />
 27                                        <StaticSelectedStyle CssClass="tabSelected" />
 28                                        <StaticHoverStyle CssClass="tabHover" />
 29                                    </asp:Menu>
 30                                </td>
 31                                <td class="tabbernav2">
 32                                    &nbsp;
 33                                </td>
 34                            </tr>
 35                        </table>
 36                    </td>
 37                </tr>
 38                <tr>
 39                    <td class="tabcontent">
 40                        <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
 41                            <asp:View ID="Tab1" runat="server">
 42                                <table width="600" height="400" cellpadding="0" cellspacing="0">
 43                                    <tr valign="top">
 44                                        <td class="TabArea" style="width: 600px">
 45                                            TAB VIEW 1
 46                                        </td>
 47                                    </tr>
 48                                </table>
 49                            </asp:View>
 50                            <asp:View ID="Tab2" runat="server">
 51                                <table width="600px" height="400px" cellpadding="0" cellspacing="0">
 52                                    <tr valign="top">
 53                                        <td class="TabArea" style="width: 600px">
 54                                            TAB VIEW 2
 55                                        </td>
 56                                    </tr>
 57                                </table>
 58                            </asp:View>
 59                            <asp:View ID="Tab3" runat="server">
 60                                <table width="600px" height="400px" cellpadding="0" cellspacing="0">
 61                                    <tr valign="top">
 62                                        <td class="TabArea" style="width: 600px">
 63                                            TAB VIEW 3
 64                                        </td>
 65                                    </tr>
 66                                </table>
 67                            </asp:View>
 68                        </asp:MultiView>
 69                    </td>
 70                </tr>
 71            </table>
 72        </center>
 73    </form>
 74</body>
 75</html>
 76
 77using System;
 78using System.Data;
 79using System.Configuration;
 80using System.Collections;
 81using System.Web;
 82using System.Web.Security;
 83using System.Web.UI;
 84using System.Web.UI.WebControls;
 85using System.Web.UI.WebControls.WebParts;
 86using System.Web.UI.HtmlControls;
 87
 88public partial class Test_AspNet20_Default : System.Web.UI.Page
 89{
 90    protected void Page_Load(object sender, EventArgs e)
 91    {
 92
 93    }
 94    protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
 95    {
 96        MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value);
 97    }
 98}
 99
100//tabber.css
101.tabItem
102{
103    border: 1px solid #778;
104    background: #DDE;
105    text-decoration: none;
106    width: 50px;
107    height: 20px;
108    padding-top: 3px;
109    text-align: center;
110}
111.tabSelected
112{
113    background-color: #fff;
114    border-bottom: 1px solid white;
115}
116.tabHover
117{
118    color: #000;
119    background: white;
120}
121.tabbernav
122{
123    margin: 0;
124    font: bold 12px Verdana, sans-serif;
125    vertical-align: bottom;
126    width: 10px;
127}
128.tabbernav1
129{
130    margin: 0;
131    padding: 3px 0;
132    border-bottom: 1px solid #778;
133    font: bold 12px Verdana, sans-serif;
134    width: 5px;
135}
136.tabbernav2
137{
138    margin: 0;
139    padding: 3px 0;
140    border-bottom: 1px solid #778;
141    font: bold 12px Verdana, sans-serif;
142}
143.tabcontent
144{
145    padding: 5px;
146    border: 1px solid #aaa;
147    border-top: 0; 
148}
DeepMinder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
delphi 侧边栏_使用Delphi FireMonkey的TMultiView组件快速为Android和iOS APP创建侧边栏
weixin_39647458的博客
02-06 491
Quickly Build A Drawer With The TMultiView Component For Android And iOS Apps Using FireMonkey In Delphi使用Delphi FireMonkey的TMultiView组件快速为Android和iOS APP创建侧边栏February 3, 20212021年2月3日The MultiViewDem...
Multiview选项卡的简单例程
10-12
asp.net中选项卡（Multiview,View）的简单例程
Delphi XE8 TMultiView的使用
A00553344的专栏
10-11 2772
1.      TMultiView.Mode := Drawer;  主面板起初是隐藏的。要显示主面板，需要从左边往右滑动，显示主面板。   2.      TMultiView.Mode := Popover; 由TMultiView.MasterButton定义的控件来控制是否弹出主面板。    3.      TMultiView.Mode :=PlatformBehaviour;
MultiView的使用
fenghu89的专栏
10-14 1568
 MultiView 控件是一组 View 控件的容器。使用它可定义一组 View 控件，其中每个 View 控件都包含子控件。然后，应用程序可根据用户标识、用户首选项以及在查询字符串参数中传递的信息等条件，向客户端呈现特定的 View 控件。也可以使用 MultiView 控件创建向导。这种情况下，MultiView 控件包含的每个 View 控件都表示向导中的不同步骤或页。此控件还可用来开发移
RMB Studio 10 ListBox 与 MultiView 控件UI Demo
01-29
RMB Studio 10 ListBox 与 MultiView 模仿功能侧边拉出界面与通用的列表显示界面。 但是有一个显示问题，在Readme里我写了，谁知道帮看下。
Menu 、MultiView 和 View 控件 制作简单标签页.doc
09-15
Menu 、MultiView 和 View 控件 制作简单标签页，介绍步骤与方法，可参考后自己制作漂亮的标签页
制作第一个页面 欢迎您进入.Net启动运行
06-22
√(vs200501) 2. 对工具栏作说明 √(vs200502) 3. 制作第一个页面 欢迎您进入.Net启动运行√(vs200503) 4. 小结考试√(ceshi01) 前四级没有声音 讲解C#基本语法 5. 变量√(vs200504)...
用.Net做选项卡特效
09-26
看到网上做的那种选项卡特效，都要写那么多javascript代码，看着好麻烦啊！... 我用了、<asp:Menu>、<asp:MultiView>、四个控件的结合，我把自己做的一个例子的代码发上来，大家分析分析，一看就明白了！
C#开发经验技巧宝典
10-14
0493　使用MultiView与View控件制作导航页面　286 0494　使用PlaceHolder控件实现动态添加控件　289 0495　如何实现带滚动条的Panel面板　290 0496　使用Substitution控件在缓存页面插入内容　290
ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1
08-19
此外，《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面，以及如何使用微软的ASP.NETAJAX平台。另外，还专门介绍了ASP.NET4 新增的功能，如MVC 和动态数据等。 　...
利用Menu和MultiView做一个菜单导航
技术就是个纸老虎---为之，则难者亦易矣；不为，则易者亦难矣。
12-02 1168
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication1 { public partial class _Default : System.Web.UI.Page
Delphi xe移动开发资料
云守护的专栏
10-08 3681
http://blog.sina.com.cn/hblyuhong 按往年惯例，今年Delphi的第二个版本XE9应该在9月份发布，如此计算，也就是一个月的时间。 经过对XE8 update1的测试，感觉对于跨平台开发来说，已经实用化，对于企业级的应用非常成熟，个人对XE9的新功能真的是没什么期待，最关心的还是对FMX的持续提升与优化以及效率的改进，尤其是对android及ios平台的支持与开
Delphi XE7功能之TMultiView
weixin_30338497的博客
05-21 310
TMultView,做为一个TPanel来显示控件，可通过属性Mode来控制TMultView的显示效果，如下拉或者以抽屉方式。从屏一侧象抽屉一样显示TMultView,但不会转换主屏，也就是说在主窗口一侧划出TMultView面版，这符合现在Android或ios可从屏边缘划出界面的流行效果；划出的面版停留在屏的左侧或右则不动，这时候，你可以操作面版上的控件；这种效果，可做为一个可停靠的面板显示...
MultiView结合DropDownList实现选项卡功能
weixin_30235225的博客
01-12 103
View 控件是一组控件的容器。View 控件必须始终包含在 MultiView 控件中。在 View 控件中，一次只能将一个 MultiView 控件定义为活动视图。ctiveViewIndex 属性指定 MultiView 控件的 Views 集合中的活动 View 控件。只要包含 MultiView 控件是可见的，活动视图控件就会呈现给客户端。使用 Visible 属性确定 View 控件及...
视图控件(MultiView和View)
未打烊的客栈
06-07 1296
视图控件(MultiView和View).aspx 当我们第一次想显示哪个view的时候我们可以根据ActiveViewIndex的值来选择当前第一次要显示的view 而我们的导航可以在每一个view里面做通过更改属性ActiveViewIndex的值来更换显示的View asp:MultiView ID="MultiView1" runat="server" ActiveViewIn
contrastive multiview coding
最新发布
06-28
对比多视角编码（Contrastive Multiview Coding）是一种用于自监督学习的方法，它通过对同一样本的不同视角进行编码，来学习样本的特征表示。该方法可以在无需标注数据的情况下，从大量未标注的数据中学习到有用的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值