标签:
本教程将为你展示如何使用jQuery EasyUI创建一个简单的菜单。
菜单被定义在一些DIV标记中,如下所示:
<
div
id
=
"mm"
class
=
"easyui-menu"
style
=
"width:120px;"
>
<
div
onclick
=
"javascript:alert(‘new‘)"
>New</
div
>
<
div
>
<
span
>Open</
span
>
<
div
style
=
"width:150px;"
>
<
div
><
b
>Word</
b
></
div
>
<
div
>Excel</
div
>
<
div
>PowerPoint</
div
>
</
div
>
</
div
>
<
div
icon
=
"icon-save"
>Save</
div
>
<
div
class
=
"menu-sep"
></
div
>
<
div
>Exit</
div
>
</
div
>
当菜单被创建之后是不可见的,调用‘show‘方法来显示它,或者调用‘hide‘方法来隐藏它。
$(
‘#mm‘
).menu(
‘show‘
, {
left: 200,
top: 100
});
下载该EasyUI示例:easyui-timetable-demo.zip
有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章!
标签:
原文地址:http://my.oschina.net/u/2317468/blog/520494