003. EsayUI系列之easyui-linkbutton

<三>.easyui-linkbutton 链接类型的按钮

每个web页面或多或少都会有几个按钮，来引导或提示用户去做一些事情，easyui提供了多种 链接类型按钮，可供选择。

 

属性如下：
 disabled: True：禁用该按钮。默认false。
 plain: True：显示一个普通效果。默认false。
 

demo1：应用

<div>
    <a href="#" class="easyui-linkbutton" icon="icon-cancel">取消</a>
     <a href="#" class="easyui-linkbutton" icon="icon-reload">刷新</a>
      <a href="#" class="easyui-linkbutton" icon="icon-search">查找</a>
       <a href="#" class="easyui-linkbutton"  >文本按钮</a>
        <a href="#" class="easyui-linkbutton" icon="icon-print">打印</a>
  </div>

 

效果如下：

 

demo2：显示一个普通效果

<div>
    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-cancel">取消</a>
     <a href="#" class="easyui-linkbutton" plain="true"  icon="icon-reload">刷新</a>
      <a href="#" class="easyui-linkbutton" plain="true"  icon="icon-search">查找</a>
       <a href="#" class="easyui-linkbutton" plain="true"  >文本按钮</a>
        <a href="#" class="easyui-linkbutton"  plain="true"  icon="icon-print">打印</a>
          <a href="#" class="easyui-linkbutton"  plain="true"  icon="icon-help"> </a>
            <a href="#" class="easyui-linkbutton"  plain="true"  icon="icon-save"> </a>
              <a href="#" class="easyui-linkbutton"  plain="true"  icon="icon-back"> </a>
  </div>

 

效果如下：