asp.net menu 控件样式 范例横向

最新推荐文章于 2021-08-27 18:12:16 发布
最新推荐文章于 2021-08-27 18:12:16 发布
阅读量5.5k 收藏 5
点赞数 1
文章标签： menu asp.net string asp integer server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcnmdfx/article/details/6969911
版权
本文详细介绍了如何配置 ASP.NET 中的 Menu 控件，包括静态和动态菜单样式、动态菜单的水平偏移量和垂直偏移量等属性。通过示例代码展示了如何设置 CSS 样式以实现个性化菜单效果，并提供了相应的 CSS 示例，帮助开发者创建出美观的横向菜单。
摘要由CSDN通过智能技术生成

 <asp:Menu
    AccessKey="string"
    BackColor="color name|#dddddd"
    BorderColor="color name|#dddddd"
    BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge|
        Inset|Outset"
    BorderWidth="size"
    CssClass="string"
    DataSource="string"
    DataSourceID="string"
    DisappearAfter="integer"
    DynamicBottomSeparatorImageUrl="uri"
    DynamicEnableDefaultPopOutImage="True|False"
    DynamicHorizontalOffset="integer"
    DynamicItemFormatString="string"
    DynamicPopOutImageTextFormatString="string"
    DynamicPopOutImageUrl="uri"
    DynamicTopSeparatorImageUrl="uri"
    DynamicVerticalOffset="integer"
    Enabled="True|False"
    EnableTheming="True|False"
    EnableViewState="True|False"
    Font-Bold="True|False"
    Font-Italic="True|False"
    Font-Names="string"
    Font-Overline="True|False"
    Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|Medium|
        Large|X-Large|XX-Large"
    Font-Strikeout="True|False"
    Font-Underline="True|False"
    ForeColor="color name|#dddddd"
    Height="size"
    ID="string"
    ItemWrap="True|False"
    MaximumDynamicDisplayLevels="integer"
    OnDataBinding="DataBinding event handler"
    OnDataBound="DataBound event handler"
    OnDisposed="Disposed event handler"
    OnInit="Init event handler"
    OnLoad="Load event handler"
    OnMenuItemClick="MenuItemClick event handler"
    OnMenuItemDataBound="MenuItemDataBound event handler"
    OnPreRender="PreRender event handler"
    OnUnload="Unload event handler"
    Orientation="Horizontal|Vertical"
    PathSeparator="string"
    runat="server"
    ScrollDownImageUrl="uri"
    ScrollDownText="string"
    ScrollUpImageUrl="uri"
    ScrollUpText="string"
    SkinID="string"
    SkipLinkText="string"
    StaticBottomSeparatorImageUrl="uri"
    StaticDisplayLevels="integer"
    StaticEnableDefaultPopOutImage="True|False"
    StaticItemFormatString="string"
    StaticPopOutImageTextFormatString="string"
    StaticPopOutImageUrl="uri"
    StaticSubMenuIndent="size"
    StaticTopSeparatorImageUrl="uri"
    Style="string"
    TabIndex="integer"
    Target="string"
    ToolTip="string"
    Visible="True|False"
    Width="size"
>
        <DataBindings>
                <asp:MenuItemBinding
                    DataMember="string"
                    Depth="integer"
                    Enabled="True|False"
                    EnabledField="string"
                    FormatString="string"
                    ImageUrl="uri"
                    ImageUrlField="string"
                    NavigateUrl="uri"
                    NavigateUrlField="string"
                    PopOutImageUrl="uri"
                    PopOutImageUrlField="string"
                    Selectable="True|False"
                    SelectableField="string"
                    SeparatorImageUrl="uri"
                    SeparatorImageUrlField="string"
                    Target="string"
                    TargetField="string"
                    Text="string"
                    TextField="string"
                    ToolTip="string"
                    ToolTipField="string"
                    Value="string"
                    ValueField="string"
                />
        </DataBindings>
        <DynamicHoverStyle />
        <DynamicItemTemplate>
            <!-- child controls -->
        </DynamicItemTemplate>
        <DynamicMenuItemStyle
            BackColor="color name|#dddddd"
            BorderColor="color name|#dddddd"
            BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|
                Groove|Ridge|Inset|Outset"
            BorderWidth="size"
            CssClass="string"
            Font-Bold="True|False"
            Font-Italic="True|False"
            Font-Names="string"
            Font-Overline="True|False"
            Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|
                Medium|Large|X-Large|XX-Large"
            Font-Strikeout="True|False"
            Font-Underline="True|False"
            ForeColor="color name|#dddddd"
            Height="size"
            HorizontalPadding="size"
            ItemSpacing="size"
            OnDisposed="Disposed event handler"
            VerticalPadding="size"
            Width="size"
        />
        <DynamicMenuStyle
            BackColor="color name|#dddddd"
            BorderColor="color name|#dddddd"
            BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|
                Groove|Ridge|Inset|Outset"
            BorderWidth="size"
            CssClass="string"
            Font-Bold="True|False"
            Font-Italic="True|False"
            Font-Names="string"
            Font-Overline="True|False"
            Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|
                Medium|Large|X

最低0.47元/天 解锁文章
fyrise
关注
ASP.NET - 将 CSS 和样式用于 Menu 控件
dodream的专栏
12-17 1万+
      几乎 Menu 控件外观的各个方面都可以使用 Menu 控件的属性或级联样式表 (CSS) 来管理。通过了解哪些属性控制呈现的哪些方面，可以定制菜单的外观。本主题介绍由 Menu 控件公开的样式类型，并建议一些使用 Menu 控件设置样式的最佳做法。可以直接在标记中设置各种样式的属性或使用样式表。CssClass 属性可用于为菜单样式分配 CSS 类，该样式控制 Menu 控件
【Asp.Net 】【CSS】【HTML】导航条子菜单横向
Mr_Wanter
08-23 2077
示意图：（代码红色部分为主要。） &lt;%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %&gt;   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E
超级简单：一个横向ASP.NET Menu控件
diejia1113的博客
12-22 404
几个星期前，开始了一个ASP.NET Web应用程序，需要一个简单的横向的带子菜单的Menu控件。将Menu控件拖拽到一个页面上时，我就决定使用ASP.NET的Menu控件。这个控件很简单，但该控件不提供访问的key和支持菜单窗体的target。我把这些功能放在一起将如何去实现： 1、包含accesskey属性 2、包含target属性 3、包含Site Map Path ...
asp.net menu 控件样式 范例
weixin_30849403的博客
01-13 504
<asp:Menu ID="mnuTopMenu" runat="server" DynamicEnableDefaultPopOutImage="False" DynamicHorizontalOffset="-1" Font-Bold="false" Orientation="Horizontal" StaticEnableDefaultPopOut...
使用Asp.net菜单进行CSS格式化 横排菜单 源码
03-12
使用Asp.net菜单进行CSS格式化 横排菜单 源码
asp html css样式,如何使用CSS设置asp.net菜单的样式
weixin_31901801的博客
06-17 180
我正在设置asp.net菜单的样式，并且试图了解StaticSelectedStyle-CssClass和StaticHoverStyle-CssClass参数的含义。我的理解是，只要需要，使用这些参数定义的样式就会作为CSS类应用于相关元素。所以我创建菜单如下：它适用于StaticMenuStyle-CssClass和StaticMenuStyle-CssClass(将这些类应用于相关元素)，但...
Web程序设计实验1ASP.NET标准控件和验证控件
04-17
1、熟练掌握ASP.NET服务器控件的使用。 2、熟练掌握验证控件的使用。 二、实验内容 1、编写一个Web应用程序Login，该程序用于检查用户登录信息。当用户输入正确的用户名和密码时，显示登录成功的消息。否则，显示...
asp.net Menu控件+SQLServer实现动态多级菜单
10-28
ASP.NET中的Menu控件是一个强大的工具，用于在Web应用程序中创建动态、多级的导航菜单。结合SQL Server数据库，我们可以实现动态加载菜单项，根据用户的权限和数据的变化自动生成菜单结构。以下是对这个主题的详细...
ASP.net Menu控件在Google Chrome和Safari浏览器下显示错位的解决办法
01-20
代码如下:<browsers> ”Safari3″ parentID=”Safari1Plus”> <identification> ”Safari/\d+\.\d+”> </identification> <capture> ”Version/(?’version’\d+\.\d+)”> </capture> <capabilities> ”browser” ...
C# ASP.NET 时间控件_日期时间选择输入框控件。
04-21
习惯了C# WinForm上使用DateTimePicker，在ASP.NET开发页面时，发现最简单的日期时间输入选择框居然没有现成的控件，很有束手无策的感觉。网上找了很多，除了牛人自己写控件外，大多数都是使用My97DatePicker这个第...
asp.net菜单(很简单)
12-05
var tabdropdown={ disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link? enableiframeshim: 1, //1 or 0, for true or false //No need to edit beyond here//////////////////////// dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null, currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/) getposOffset:function(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; }, showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over if (this.ie || this.firefox) this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px" if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){ if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one obj2.parentNode.className="selected" obj.visibility="visible" } else if (e.type=="click") obj.visibility="hidden"
asp.net 菜单 menu
08-15
menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:150px; height:30px; text-align:center; color:#fff; border-bottom:1px solid #FFF; background:#0069A3; line-height:30px; font-size:14px; overflow:hidden;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#028DE8;}/*一级菜单事件*/ .menu ul li:hover ul {display:block; position:absolute; top:0; left:151px; width:100px;} .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}/*三级菜单常规*/ .menu ul li:hover ul li:hover a.hide {background:#028DE8; color:#000;}/*三级菜单事件*/ .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#028DE8; color:#000;}/*二，三级菜单常规*/ .menu ul li:hover ul li a:hover {background:#6fc; color:#000;}/*二，三级菜单事件*/ .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; width:100px;} </style> </head> <body> <form id="form1" runat="server"> <div class="menu"> <ul> <li><a class="hide" href="#">城乡规划</a> <ul> <li><a href="#" title="二级菜单1">二级菜单一</a></li> <li><a href="#" title="二级菜单2">二级菜单二</a></li> <li><a href="#" title="二级菜单3">二级菜单三</a></li> <li><a class="hide" href="#" title="这是三级菜单">三级菜单</a> <ul> .................
asp.net中导航菜单CSS设计代码
u010719791的专栏
08-27 461
CSS框架： <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .style1{ margin:0px;padding:0px; border-bottom
asp.net中Menu控件使用，以及子选项向下展开，父选项横向展开的设置
springlover1994的博客
11-17 6167
1、打开工具箱，选择menu控件拖动到窗体中         2.点击属性中的编辑菜单项       3.点击添加根项和添加子项来丰富菜单项     红框所示为添加根项，右边属性的TEXT中设置名称            添加后的结果：       4.设置菜单显示样式    未设置之前运行显示的结果：               若想让根项横向显示，子
ASP.NET控件之Menu控件
weixin_30375427的博客
06-29 483
利用 ASP.NET Menu 控件，可以开发 ASP.NET 网页的静态和动态显示菜单。 Menu 控件具有两种显示模式：静态模式和动态模式。静态显示意味着 Menu 控件始终是完全展开的。整个结构都是可视的，用户可以单击任何部位。在动态显示的菜单中，只有指定的部分是静态的，而只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。 您可以在 Menu 控件中直接配置其内容，也可通过将该...
ASP.NET Menu
lance_lot1的专栏
09-11 1241
StaticHoverStyle----- 属性控制鼠标指针置于静态菜单项上时的菜单项外观。 StaticMenuStyle-----属性控制静态菜单的外观。 StaticMenuItemStyle----- 属性控制静态菜单的菜单项的外观。 StaticSelectedStyle ------属性控制用户在静态菜单中选择的菜单项的外观。 -------------------------
关于ASP.NET里面的onmenuitemclick事件不被触发的问题
weixin_30359021的博客
08-02 419
在这次动态编写MenuItem的时候，Boss要求触发事件调用其他函数，而不是选择一般的URL传导。然后在MENU控件中有一个onmenuclick的单击事件。但是在开始的时候始终不能触发这个事件。经过一番折腾终于知道了其中的原因。注意点如下： 1. 每一个MenuItem不要设置URL，因为Menu会优先触发你的URL而不是你写的事件。 2. 在Menu里面不要设置EnableViewSta...
ASP.NET Menu控件入门与动态网页技术详解
ASP.NET 学习资料深入讲解了Menu控件的使用方法，这是一种在Web开发中常用的导航工具。首先，通过定义站点地图文件Web.sitemap，并将其与SiteMapDataSource控件结合，可以实现Menu控件的数据绑定，从而轻松管理网站...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值