<html>
<head>
<script src="jquery-easyui/jquery.min.js"></script>
<script src="jquery-easyui/jquery.easyui.min.js"></script>
<script src="jquery-easyui/easyloader.js"></script>
<script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
<!--继承$.fn.linkbutton.defaults,使用$.fn.menubutton.defaults重载默认值。-->
<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a>
<div id="mm">
<div iconCls="icon-undo">Undo</div>
<div iconCls="icon-redo">Redo</div>
<div class="menu-sep"></div>
<div>
<span>Cut</span>
<div>
<div iconCls="icon-remove">123afsdfsdfs</div>
</div>
</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div iconCls="icon-remove">Delete</div>
<div>Select All</div>
</div> <a href="#" id='jin' class="easyui-linkbutton">禁用</a>
<a href="#" id='qi' class="easyui-linkbutton">启用</a> <script>
$(function (){
$("#mb").menubutton({
menu:$("#mm")
}) //点击禁用,完成禁用方法
$("#jin").click(function (){
$("#mb").menubutton('disable')
}) //点击启用,完成启用方法
$("#qi").click(function (){
$("#mb").menubutton('enable')
}) }) </script> <!--
menubutton的属性
plain:为true时不显示边框浮上去会显示边框,相反就是正常的样式,默认是true
menu:用来创建一个相应菜单的选择器。
duration:定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。默认是100 menubutton的方法
disable:禁用菜单按钮。
enable:启用菜单按钮。
-->
</body>
</html>
04-24 14:08
查看更多