jquery ui iconfont Unduh - jquery ui iconfont Sumber Code Unduh

jquery ui iconfont

Pengunduhan font

jQuery UI Icon

Unduh

Ikon untuk JQuery-UI

332 Ikon Unik untuk JQuery UI / JQuery Mobile. Semua ikon lengkap digambar dengan tangan dan dioptimalkan untuk ukuran minimal 14 × 14 piksel.
Ikon yang dapat diputar ulang dan ramah seluler.
Ubah warna ikon tanpa menghasilkan file grafik.
Bekerja dengan semua JQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 & 1.12.1 Tema dan JQuery Mobile 1.4.5.
Mudah digunakan, tidak diperlukan plugin atau peretasan tambahan.
Termasuk animasi CSS3 untuk status pemuatan EG AJAX.
Ikon Lisensi CC BY-SA 3.0

Tidak lagi dipertahankan

Karena sekarang ada alternatif dan kerangka kerja yang lebih baik, saya telah memutuskan untuk menghentikan proyek ini.

Manual

Penggunaan

Sertakan font ikon

Salin file jquery-ui-1.12.icon-font.min.css atau jquery-ui-1.11.icon-font.min.css dan font folder ke folder Anda, yang menyimpan file CSS Anda. Anda juga dapat mengganti nama misalnya jquery-ui-1.12.icon-font.min.css ke jquery-ui.icon-font.min.css . Untuk debugging dan/atau mengembangkan Anda dapat menggunakan file CSS tanpa .min (misalnya jquery-ui-1.12.icon-font.css ).
Tambahkan <head> -Section dari dokumen HTML Anda tautan ke file CSS baru.
Untuk JQuery Mobile, file tidak masalah yang digunakan, tetapi hanya jquery-ui-1.11.icon-font yang sepenuhnya diuji.

Contoh termasuk

  < 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 >

Catatan:
File jquery-ui.icon-font.css dan versi yang lebih tinggi untuk jQuery UI 1.12.x. Untuk JQuery UI 1.11.x atau JQuery Mobile Harap gunakan jquery-ui-1.11.icon-font.css atau versi minified jquery-ui-1.11.icon-font.min.css .

Cara menggunakan ikon di html-markup

Untuk menampilkan ikon sangat sederhana:

  < 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 >

Catatan:
Harap hanya menggunakan nama kelas di file CSS untuk menampilkan ikon yang diperlukan dan tidak pernah nilai unicode (misalnya " e601"). Saya tidak dapat menjamin bahwa Unicode yang dimasukkan akan menunjukkan mesin terbang yang diminta pada rilis di masa mendatang.