风言枫语  
<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>


posted on 2013-09-06 21:59  风言枫语  阅读(266)  评论(0编辑  收藏  举报