asp.net中Menu控件使用，以及子选项向下展开，父选项横向展开的设置

最新推荐文章于 2024-04-27 17:44:36 发布
最新推荐文章于 2024-04-27 17:44:36 发布
阅读量6.1k 收藏 14
点赞数 5
分类专栏： asp.net 文章标签： asp.net menu 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/springlover1994/article/details/78559888
版权
本文介绍了如何在ASP.NET中使用Menu控件创建菜单，并设置菜单项的显示方式，使其父项横向展开，子项向下展开。通过调整Orientation属性实现布局，然后通过设置LevelMenuItemStyle的Horizontal Padding和Vertical Padding来优化子项间距，达到美化菜单的效果。
摘要由CSDN通过智能技术生成

1、打开工具箱，选择menu控件拖动到窗体中

       

2.点击属性中的编辑菜单项

     

3.点击添加根项和添加子项来丰富菜单项

    红框所示为添加根项，右边属性的TEXT中设置名称

     

     添加后的结果：

     

最低0.47元/天 解锁文章
springlover1994
关注
  • 5
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.Net中menu控件使用
梦想起飞的地方
05-22 1万+
为了使用方便asp.net中提供了两类控件html控件与用户控件。这里不在详细介绍。menu属于用户控件。 menu最重要的是item属性，item包含了menu控件要显示的类表，几级菜单神马的，点击item属性后面 出现一个对话框，也可以点menu控件的箭头如下图： 点击编辑菜单项也会弹出对话框，根据自己爱好可以进行设定，下面是我自己设定的： 当然旁边对应的是每个条目对应的属
ASP.NET基础及控件-----导航控件
03-27
Menu控件则更适合用于创建横向或竖向的下拉菜单，它可以自动生成基于站点地图的数据，也可以手动配置链接和子菜单。菜单项可以动态更新，适应用户权限的变化，使得用户界面更加友好且易于操作。 SiteMapPath控件则...
asp:Menu导航菜单CSS
weixin_33753003的博客
03-14 454
在使用.NET Framework 4里的Menu控件时，要注意这个属性：RenderingMode 这个属性有3个选项：Default、Table、List 要想在.NET Framework 4里的Menu也正常地使用css来美化菜单，需要将RenderingMode设为Tbale！ <asp:MenuID="Menu1"runat="server"DataSource...
OpenHarmony实战开发-如何调用bindMenu接口来实现菜单（Menu）
最新发布
m0_70749039的博客
04-27 530
Menu是菜单接口，一般用于鼠标右键弹窗、点击弹窗等。
ASP.NET Menu
lance_lot1的专栏
09-11 1220
StaticHoverStyle----- 属性控制鼠标指针置于静态菜单项上时的菜单项外观。 StaticMenuStyle-----属性控制静态菜单的外观。 StaticMenuItemStyle----- 属性控制静态菜单的菜单项的外观。 StaticSelectedStyle ------属性控制用户在静态菜单中选择的菜单项的外观。 -------------------------
ASP.NET控件之Menu控件
weixin_30375427的博客
06-29 475
利用 ASP.NET Menu 控件，可以开发 ASP.NET 网页的静态和动态显示菜单。 Menu 控件具有两种显示模式：静态模式和动态模式。静态显示意味着 Menu 控件始终是完全展开的。整个结构都是可视的，用户可以单击任何部位。在动态显示的菜单中，只有指定的部分是静态的，而只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。 您可以在 Menu 控件中直接配置其内容，也可通过将该...
Asp.net Menu控件 点击展开子目录
alkeccm4925的博客
11-03 225
前台的JS： <script type="text/javascript"> function FixMenu(menuTable) { if (!menuTable) { return }; var tbody = menuTable.getElementsByTagName("TBODY")[0]; var tr = tb...
MenuControl.rar_.net编程_ASP_
08-12
简单Menu控件源码几个星期前，开始了一个ASP.NET Web应用程序，需要一个简单的横向的带子菜单的Menu控件。将Menu控件拖拽到一个页面上时，我就决定使用ASP.NET的Menu控件。这个控件很简单，但该控件不提供访问的key...
asp.net 控件重绘 加载自己的css
01-30
在标题“asp.net 控件重绘 加载自己的css”中，核心概念是通过加载自定义的CSS（层叠样式表）文件来改变ASP.NET控件的默认样式。这样，你可以实现诸如菜单项横向显示等特定样式效果，提高用户体验，并为网页设计带来...
ASP.NET程序中常用的三十三种代码.txt
03-16
ASP.NET程序中常用的三十三种代码 1. 打开新的窗口并传送参数： 　传送参数： response.write("<script>window.open(’*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"’)</script>") 　接收参数： ...
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> .................
菜单折叠与展开Menu
03-02
菜单折叠与展开Menu 菜单折叠与展开
.net 菜单MenuStrip的使用
04-23
.net 菜单MenuStrip的使用 简略易懂 好使
使用Asp.net菜单进行CSS格式化 横排菜单 源码
03-12
`HorizontalSubmenu`这个源码示例就是关于如何使用Asp.net菜单控件并结合CSS来实现一种常见的设计模式：横排子菜单。这种布局方式常用于网站顶部导航，使用户能够快速浏览和访问多个层次的页面。 首先，Asp.net菜单...
ASP.NET---将CSS和样式用于Menu控件
lance_lot1的专栏
08-03 1508
几乎 Menu 控件外观的各个方面都可以使用 Menu 控件的属性或级联样式表 (CSS) 来管理。通过了解哪些属性控制呈现的哪些方面，可以定制菜单的外观。本主题介绍由 Menu 控件公开的样式类型，并建议一些使用 Menu 控件设置样式的最佳做法。 可以直接在标记中设置各种样式的属性或使用样式表。CssClass 属性可用于为菜单样式分配 CSS 类，该样式控制 Menu 控件外观的某些方面。
asp.net menu控件
Acettest's Blogs
04-01 679
http://www.vipcn.com/wangluobiancheng/AspNet/342806_6.html
Asp.net中动态Menu的实践
清雅小屋
10-05 4754
 在页界中添加MENU控件；
asp 多级菜单(美化)
网络文档(Lonz)
08-30 2741
表结构id                       int               MenuName        nvarchar               50MenuUrl            nvarchar               255ParentID            intStep                   int======
【ASP.NET编程知识】详解c# .net core 下的网络请求.docx
05-21
在ASP.NET中使用C#编程，开发者可以充分利用C#语言的优势，将其灵活应用于Web应用程序的开发中。通过ASP.NET技术，开发者可以方便地创建Web表单、处理用户输入、访问数据库、执行服务器端代码等。对于熟悉C#语言的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值