Latest web development tutorials
×

jQuery UI หลักสูตร

jQuery UI หลักสูตร jQuery UI แนะนำโดยย่อ jQuery UI ดาวน์โหลด jQuery UI ใช้ jQuery UI ปรับแต่ง jQuery UI โรงงาน

jQuery UI กระทู้

jQuery UI กระทู้ jQuery UI ThemeRoller jQuery UI CSS กรอบ API jQuery UI รูปแบบการออกแบบ

jQuery UI ห้องสมุดองค์ประกอบ

jQuery UI ห้องสมุดองค์ประกอบ jQuery UI Widget ขยาย jQuery UI Widget วิธีการภาวนา jQuery UI ใช้ห้องสมุดเครื่องมือทำไม jQuery UI วิธีการใช้ห้องสมุดเครื่องมือ

jQuery UI คู่มืออ้างอิง

jQuery UI API ไฟล์ API หมวดหมู่ - ผลดีเป็นพิเศษ API หมวดหมู่ - ผลกระทบหลัก API หมวดหมู่ - อีกวิธีหนึ่งคือ API หมวดหมู่ - วิธีการบรรทุกเกินพิกัด API หมวดหมู่ - ทาง API หมวดหมู่ - ผู้เลือก API หมวดหมู่ - กระทู้ API หมวดหมู่ - UI แกน API หมวดหมู่ - ประโยชน์ API หมวดหมู่ - วิดเจ็ต

jQuery UI ตัวอย่าง

jQuery UI ตัวอย่าง ลาก สถานที่ ขูดหินปูน เลือก ลำดับ แผงพับ การทำให้สมบูรณ์อัตโนมัติ ปุ่มกด เลือกวันที่ โต้ตอบ เมนู แถบความคืบหน้า Slider Rotator แถบ กล่องเคล็ดลับ ผลดีเป็นพิเศษ แสดงผล ปิดบัง การสลับ .addClass() .removeClass() .toggleClass() .switchClass() นิเมชั่นสี ตั้งอยู่ ห้องสมุดองค์ประกอบ

ธีม 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 ที่เกี่ยวข้องกับขั้นตอนทั่วไป:

  • ดาวน์โหลดหัวข้อ ThemeRoller: สร้างรูปแบบคือการใช้ ThemeRoller ในการสร้างและดาวน์โหลดธีม โปรแกรมนี้จะสร้างใหม่ ui.theme.css ไฟล์และมีทุกสิ่งที่จำเป็นภาพพื้นหลังและไอคอนเทพดา images โฟลเดอร์ วิธีการนี้เป็นครั้งแรกเพื่อสร้างและรักษารูปแบบของวิธีการ แต่ตัวเลือกที่จะให้ ThemeRoller กำหนดเอง จำกัด
  • แก้ไขไฟล์ CSS: เพื่อส่งเสริมลักษณ์และความรู้สึกของการควบคุมที่คุณสามารถเลือกได้จากรูปแบบเริ่มต้น (เรียบ) เริ่มต้นหรือจากหัวข้อหนึ่งที่สร้างโดย ThemeRoller เริ่มแล้วปรับ ui.theme.css ไฟล์แยก Plug-in หรือ สไตล์ชีต ตัวอย่างเช่นคุณสามารถปรับมุมของรัศมีของปุ่มทั้งหมดที่จะแตกต่างจากค่านิยมของ UI ส่วนประกอบอื่น ๆ หรือใช้ไอคอนที่กำหนดเองที่จะเปลี่ยนแปลงตัวช่วยสร้างเส้นทาง รูปแบบในช่วงที่ผ่านนิด ๆ หน่อย ๆ คุณยังสามารถใช้มากกว่าหนึ่งในรูปแบบ UI สำหรับการบำรุงรักษาได้ง่ายขึ้นการเปลี่ยนแปลงที่เสนอเท่านั้น ui.theme.css ไฟล์และภาพ
  • อีกครั้งเขียน CSS ที่กำหนดเอง: เพื่อเพิ่มการควบคุมรูปลักษณ์และความรู้สึกที่คุณสามารถเริ่มต้นการเขียนอีกครั้งในเครื่องมือแต่ละและ CSS โดยไม่ต้องใช้ปลั๊กอินในชั้นเรียนของกรอบหรือสไตล์ที่เฉพาะเจาะจง หากคุณต้องการที่จะมองและความรู้สึกสามารถทำได้โดยการปรับเปลี่ยน CSS หรือใช้แท็กที่กำหนดเองสูงแล้วคุณสามารถใช้วิธีนี้ วิธีนี้ต้องใช้ความเชี่ยวชาญลึกในแง่ CSS และต้องมีการปรับปรุงคู่มือสำหรับอนาคตปลั๊กอิน

ใช้ ThemeRoller, jQuery UI กรอบ CSS, เช่นเดียวกับรูปแบบการออกแบบที่กำหนดเอง