jquery ui iconfont下載jquery ui iconfont源代碼下載

jquery ui iconfont

字體下載

jQuery UI Icon

下載

jQuery-ui的圖標

332 jQuery UI / jQuery Mobile的獨特圖標。所有圖標均通過手動繪製，並針對最小的14×14像素進行了優化。
可解析且移動友好的圖標。
在不生成圖形文件的情況下更改圖標的顏色。
與所有jQuery UI 1.11.2，1.11.3，1.11.4，1.12＆1.12.1主題和jQuery Mobile 1.4.5一起使用。
易於使用，不需要額外的插件或黑客。
包括用於AJAX加載狀態的CSS3動畫。
圖標許可證CC BY-SA 3.0

不再維護

由於現在有更好的替代方案和框架，因此我決定終止該項目。

手動的

用法

包括圖標字體

複製文件jquery-ui-1.12.icon-font.min.css或jquery-ui-1.11.icon-font.min.css和文件夾字體中的font ，其中包含您的CSS文件。您還可以重命名，例如jquery-ui-1.12.icon-font.min.css到jquery-ui.icon-font.min.css 。對於調試和/或開發，您可以使用不帶.min的CSS文件（例如jquery-ui-1.12.icon-font.css ）。
添加HTML文檔的<head>部分 - 新CSS文件的鏈接。
對於jQuery Mobile，使用WICH文件無關緊要，但是僅對jquery-ui-1.11.icon-font進行了全面測試。

示例包括

  < head >
    <!-- ... -->
    < link href =" css/theme/jquery-ui.css " rel =" stylesheet " type =" text/css " /> 
    < link href =" css/theme/jquery-ui.icon-font.css " rel =" stylesheet " type =" text/css " /> 
    < script src =" js/jquery.min.js " type =" text/javascript " > </ script > 
    < script src =" js/jquery-ui.min.js " type =" text/javascript " > </ script > 
    <!-- ... --> 
  </ head >

筆記：
文件jquery-ui.icon-font.css和kinified版本適用於jQuery UI 1.12.x.對於jQuery UI 1.11.x或jQuery Mobile，請使用jquery-ui-1.11.icon-font.css或縮小版本jquery-ui-1.11.icon-font.min.css 。

如何在html-markup中使用圖標

顯示圖標真的很簡單：

  < p class =" ui-widget-content
    ui-state-default ui-helper-clearfix " >
    < span style =" float: left; margin-right: 0.5em; "
      class =" ui-icon ui-icon-jquery " > icon </ span >
    ui-icon-jquery
  </ p >