ดาวน์โหลด 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
ใช้งานง่ายไม่จำเป็นต้องใช้ปลั๊กอินเพิ่มเติมหรือแฮ็ก
รวมแอนิเมชั่น CSS3 สำหรับสถานะการโหลด AJAX
ไอคอนใบอนุญาต CC BY-SA 3.0

ไม่ได้รับการดูแลอีกต่อไป

เนื่องจากตอนนี้มีทางเลือกและเฟรมเวิร์กที่ดีกว่าฉันจึงตัดสินใจหยุดโครงการนี้

คู่มือ

การใช้งาน

รวมตัวอักษรไอคอน

คัดลอกไฟล์ jquery-ui-1.12.icon-font.min.css หรือ jquery-ui-1.11.icon-font.min.css และ font โฟลเดอร์ลงในโฟลเดอร์ของคุณซึ่งถือ CSS-Files ของคุณ นอกจากนี้คุณยังสามารถเปลี่ยนชื่อเช่น jquery-ui-1.12.icon-font.min.css เป็น jquery-ui.icon-font.min.css สำหรับการดีบักและ/หรือพัฒนาคุณอาจใช้ CSS-Files โดยไม่ต้อง .min (เช่น jquery-ui-1.12.icon-font.css )
เพิ่มใน <head> -section ของเอกสาร HTML ของคุณลิงก์ไปยังไฟล์ CSS ใหม่
สำหรับ JQuery Mobile มันไม่สำคัญว่าจะใช้ไฟล์ แต่มีเพียง 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 และรุ่น minified ใช้สำหรับ jQuery UI 1.12.x สำหรับ jQuery UI 1.11.x หรือ jQuery mobile โปรดใช้ jquery-ui-1.11.icon-font.css หรือรุ่น minified 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 >

บันทึก:
โปรดใช้ชื่อคลาสในไฟล์ CSS เพื่อแสดงไอคอนที่ต้องการและไม่เคยค่า Unicode (เช่น " E601") ฉันไม่สามารถรับประกันได้ว่า Unicode ที่ป้อนจะแสดง Glyph ที่ร้องขอในการเผยแพร่ในอนาคต