บทช่วยสอน ธีม jQuery UI ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ธีม jQuery UI
ทั้งหมด jQuery UI plug-in ที่ช่วยให้นักพัฒนาต่อเนื่องรวมเครื่องมือ UI รูปลักษณ์และความรู้สึกของเว็บไซต์หรือการใช้งานของพวกเขา วิดเจ็ตแต่ละครั้งจะถูกกำหนดโดยรูปแบบ CSS และมีสองรูปแบบข้อมูล: มาตรฐาน กรอบ jQuery UI CSS รูปแบบที่เฉพาะเจาะจงและ Plug-in สไตล์
jQuery UI CSS กรอบให้การแสดงความหมายของการเรียนเพื่อแสดงบทบาทขององค์ประกอบส่วนประกอบเล็ก ๆ เช่นชื่อเนื้อหาหรือพื้นที่ที่สามารถคลิกได้ เหล่านี้มีความสอดคล้องกันในทุกชิ้นส่วนขนาดเล็กและสามารถคลิกแท็บ (แท็บ) หีบเพลง (หีบเพลง) หรือปุ่ม (ปุ่ม) มีเหมือนกัน ui-state-default
ชั้นเพื่อแสดงให้เห็นว่าพวกเขาจะสามารถคลิกได้ เมื่อผู้ใช้วนเวียนอยู่ที่ด้านบนขององค์ประกอบเหล่านี้จะกลายเป็นระดับ ui-state-hover
แล้วองค์ประกอบเหล่านี้จะกลายเป็นได้รับการเลือกตั้งใน ui-state-active
ชั้นของความมั่นคงทำให้ปรากฏผลการดำเนินงานที่สอดคล้องกันของทุกองค์ประกอบหรือส่วนประกอบที่มีบทบาทคล้ายกันในรัฐปฏิสัมพันธ์
กรอบรูปแบบ CSS จะห่อหุ้มในแฟ้มต่างหากชื่อ ui.theme.css
ไฟล์นี้ผ่าน ThemeRoller ประยุกต์ใช้ในการปรับเปลี่ยน สไตล์กรอบมีเพียงส่งผลกระทบต่อลักษณะและความรู้สึกของสถานที่ให้นานที่สุดเท่าที่สี, ภาพพื้นหลังไอคอนและอื่น ๆ ดังนั้นเหล่านี้เป็นรูปแบบ "ปลอดภัย" ก็จะไม่ส่งผลกระทบต่อ plug-in ฟังก์ชั่น แยกซึ่งหมายความว่านักพัฒนาสามารถใช้ใน theme.css
ปรับเปลี่ยนสีและไฟล์ภาพในการสร้างลักษณะที่กำหนดเองและความรู้สึก เนื่องจากในอนาคตของปลั๊กอินหรือแก้ไขข้อผิดพลาดจะมีและสิ่งเหล่านี้สามารถนำมาใช้โดยไม่มีการแก้ไขโดยธีม
ตั้งแต่หน้าปกรูปแบบกรอบเพียงมองและความรู้สึกดังนั้นจึงต้องการที่จะรวมเฉพาะ plug-in ที่แผ่นสไตล์แผ่นสไตล์เหล่านี้รวมถึงเครื่องมือทั้งหมดที่พิเศษช่วยให้กฎรูปแบบโครงสร้างการทำงานเช่นขนาด padding ขอบ ตำแหน่งลอย แต่ละ stylesheets Widget themes/base
โฟลเดอร์ที่มีชื่อปลั๊กอินเช่น "jquery.ui.accordion.css" รูปแบบเหล่านี้จะต้องได้รับการแก้ไขอย่างรอบคอบสคริปต์เพราะพวกเขาให้กรอบที่ครอบคลุมรูปแบบด้วยกัน
เราขอแนะนำให้นักพัฒนาเพื่อสร้างปลั๊กอิน jQuery, jQuery UI กรอบ CSS ทำให้มันง่ายขึ้นสำหรับผู้ใช้ที่จะใช้รูปแบบที่กำหนดเองและปลั๊กอิน
ที่นี่มีสามของวิดเจ็ต jQuery UI ที่เกี่ยวข้องกับขั้นตอนทั่วไป:
ui.theme.css
ไฟล์และมีทุกสิ่งที่จำเป็นภาพพื้นหลังและไอคอนเทพดา images
โฟลเดอร์ วิธีการนี้เป็นครั้งแรกเพื่อสร้างและรักษารูปแบบของวิธีการ แต่ตัวเลือกที่จะให้ ThemeRoller กำหนดเอง จำกัด ui.theme.css
ไฟล์แยก Plug-in หรือ สไตล์ชีต ตัวอย่างเช่นคุณสามารถปรับมุมของรัศมีของปุ่มทั้งหมดที่จะแตกต่างจากค่านิยมของ UI ส่วนประกอบอื่น ๆ หรือใช้ไอคอนที่กำหนดเองที่จะเปลี่ยนแปลงตัวช่วยสร้างเส้นทาง รูปแบบในช่วงที่ผ่านนิด ๆ หน่อย ๆ คุณยังสามารถใช้มากกว่าหนึ่งในรูปแบบ UI สำหรับการบำรุงรักษาได้ง่ายขึ้นการเปลี่ยนแปลงที่เสนอเท่านั้น ui.theme.css
ไฟล์และภาพ