jQuery MiniUI 开发课程 表单控件 Button：按钮（六）

jQuery MiniUI 开发教程 表单控件 Button：按钮（六）
Button：按钮


参考示例： 按钮     菜单按钮     按钮组 工具栏

创建按钮
    <h4>Only Text</h4>
    <a onclick="onClick" enabled="false" >增加</a>
    <a onclick="onClick" >修改</a>

    <h4>Text and Icon</h4>
    <a iconCls="icon-add" onclick="onClick" >增加</a>
    <a iconCls="icon-edit" onclick="onClick" >修改</a>   

    <h4>Only Icon</h4>
    <a iconCls="icon-add" onclick="onClick"></a>
    <a iconCls="icon-edit" onclick="onClick"></a>   

    <h4>Plain</h4>   
    <a plain="true" iconCls="icon-add" onclick="onClick">增加</a>
    <a plain="true" iconCls="icon-edit" onclick="onClick">修改</a>
    <a plain="true" iconCls="icon-remove" onclick="onClick">删除</a>

    <h4>Icon Position</h4>
    <a iconCls="icon-add" onclick="onClick" >增加</a>   
    <a iconCls="icon-edit" onclick="onClick" >修改</a>

    <h4>A Link</h4>
    <a href="http://www.google.com">Google</a>
    <a href="http://www.baidu.com">Baidu</a>

菜单按钮
    <a menu="#popupMenu" >选择...</a>

    <ul id="popupMenu" style="display:none;">
        <li>
            <span >操作</span>
                <li iconCls="icon-new" onclick="onItemClick">新建</li>
                <li onclick="onItemClick">增加</li>   
                <li iconCls="icon-edit" onclick="onItemClick">修改</li>
                <li iconCls="icon-remove" onclick="onItemClick">删除</li>                     
        </li>
        <li >打开</li>
        <li iconCls="icon-remove" >关闭</li>
    </ul>

工具栏
<div iconCls="icon-add">增加</a>
    <a iconCls="icon-edit">修改</a>
    <a iconCls="icon-remove">删除</a>
    <span plain="true">增加</a>
    <a plain="true">修改</a>
    <a plain="true">删除</a>
    <span />  
    <a plain="true">查询</a>
</div>