jQuery easyUI menubutton菜单使用

最新推荐文章于 2019-09-24 14:53:11 发布

原创最新推荐文章于 2019-09-24 14:53:11 发布 · 820 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyUI menubutton

前端开发技术体系专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用 EasyUI 框架创建菜单按钮的具体实例，展示了如何通过简单的 HTML 和 JavaScript 代码实现一个包含下拉菜单的控制面板按钮，其中包括修改密码、联系管理员及退出系统的选项。

<!-- 制作菜单 -->
	<a data-options="iconCls:'icon-help',menu:'#mm'" class="easyui-menubutton">控制面板</a>
	
	<!-- 使用div元素制作下拉菜单 -->
	<div id="mm">
		<div onclick="alert(1111)" data-options="iconCls:'icon-edit'">修改密码</div>
		<div>联系管理员</div>
		<div class="menu-sep"></div>
		<div>退出系统</div>
	</div>