jQuery MiniUI 開發教程 表單控制項 Button：按鈕（六）

參考樣本：
                按鈕   
                功能表按鈕   
                按鈕組
                工具列
          

     
建立按鈕

    <h4>Only Text</h4>
    <a class="mini-button" onclick="onClick" enabled="false" >增加</a>
    <a class="mini-button" onclick="onClick" >修改</a>

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

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

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

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

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

          
功能表按鈕

    <a class="mini-menubutton" menu="#popupMenu" >選擇...</a>
    <ul id="popupMenu" class="mini-menu" style="display:none;">
        <li>
            <span >操作</span>
            <ul>
                <li iconCls="icon-new" onclick="onItemClick">建立</li>
                <li class="separator"></li>
                <li iconCls="icon-add" onclick="onItemClick">增加</li>   
                <li iconCls="icon-edit" onclick="onItemClick">修改</li>
                <li iconCls="icon-remove" onclick="onItemClick">刪除</li>                     
            </ul>
        </li>
        <li class="separator"></li>
        <li iconCls="icon-open" >開啟</li>
        <li iconCls="icon-remove" >關閉</li>
    </ul>

          
工具列

<div class="mini-toolbar">
    <a class="mini-button" iconCls="icon-add">增加</a>
    <a class="mini-button" iconCls="icon-edit">修改</a>
    <a class="mini-button" iconCls="icon-remove">刪除</a>
    <span class="separator"></span>
    <a class="mini-button" plain="true">增加</a>
    <a class="mini-button" plain="true">修改</a>
    <a class="mini-button" plain="true">刪除</a>
    <span class="separator"></span>
    <input class="mini-textbox" />  
    <a class="mini-button" plain="true">查詢</a>
</div>