Menu控件做下拉菜单的样式问题

szaf31954 2009-12-21 10:26:30

我现在有一个Menu,我要做成如图的样子,子项中间的间隙不需要.

图(1)

可是我现在做出来的样子如这张图

问题就是子项的背景图片111.gif

我要让这张图片拉伸成为所有子项的背景图片,而不是我现在做出的效果,每个子项都有一张这个图片做背景.
或者让这张图片做第一个子项的背景接着用颜色填充其他子项.

然后在最后一个子项后面还要有一个圆角图片2222.png

,做出来的效果如图(1)

请问该如何做,我需要大大们给出代码,我自己写的CSS实现不了,我都没办法了.
我没多少分还希望大家帮忙啊.

...全文

435 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

yaoyao159 2010-05-14

打赏
举报

相信你肯定解决了这个问题啦。
今天我也遇到这个问题，后来经过一些尝试，可以把DynamicMenuItemStyle的height属性设置为图片的高度，问题解决。

szaf31954 2009-12-21

打赏
举报

[Quote=引用 4 楼 mrlen 的回复:]
将背景图片平铺到菜单的背景（不是子项）。
然后每一个子项，似乎默认就是透明的吧
[/Quote]

请问大大这一步骤具体怎么做

颤菊大师 2009-12-21

打赏
举报

将背景图片平铺到菜单的背景（不是子项）。
然后每一个子项，似乎默认就是透明的吧

szaf31954 2009-12-21

打赏
举报

[Quote=引用 2 楼 j432432432432432 的回复:]
设置子项的背景颜色为透明色
[/Quote]

请问改如何设置

j432432432432432 2009-12-21

打赏
举报

设置子项的背景颜色为透明色

cicigl 2009-12-21

打赏
举报

UPUP,不懂CSS。

点击一个按钮，弹出一个可选择的下拉菜单，效果不错，很实用

一个不错的导航菜单,针对ASP.NET,使用了jQuery

类似于QQ的右上角弹出菜单，可以自己定义菜单内容（图片加文字）和弹出位置，添加点击回调，还可以用到其它位置，不止是右上角。

大家好，又见面了！EasyUI又更新了，这次更新内容还是不少的，具体内容请参考下面的更新说明，官方的更新说明中还少了1条，我给补上了。 jQuery EasyUI 1.3.5版本更新内容： Bug（修复） searchbox：修复“searcher”函数提供的“name”参数值错误的问题； combo：修复“isValid”方法无法返回布尔值的问题； combo：修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题； combogrid：修复某些从combo组件继承来的方法无法使用的问题。 Improvement（改进） datagrid：改进检查行时候的性能； menu：允许追加菜单分隔符； menu：新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单； slider：新增“clear”和“reset”方法； tabs：新增“unselect”方法、“onUnselect”事件； tabs：新增“selected”属性，用于指定的默认打开的面板； tabs：Tab Panel（Tab页）新增“collapsible”属性，用于设置是否允许摺叠面板； tabs：新增“showHeader”属性、“showHeader”方法和“hideHeader”方法； combobox：允许“disabled”属性禁用下拉列表选项； tree：改进数据加载时候的性能； pagination：新增“layout”属性，用于自定义控件的样式布局； accordion：新增“unselect”方法、“onUnselect”事件； accordion：新增“select”和“multiple”属性； accordion：新增“getSelections”方法； datebox：新增“sharedCalendar”属性，允许多个datebox控件共享使用同一个calendar控件。 datebox：新增“buttons”属性，用于自定义日历下方的按钮。（译者注：该点更新内容官方更新公告上没有注明，具体内容和用法请看datebox的API。）历史版本： - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933

jquery-easyui完整demo演示

111,120

社区成员

642,545

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章