สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS
-
ปลั๊กอินปุ่มสวิทช์เย็น ES6
ใช้ปลั๊กอินปุ่มสวิตช์สไตล์ iOS ที่เขียนด้วย ES6 ปุ่มสวิทช์มีเอฟเฟกต์ภาพเคลื่อนไหวที่ยอดเยี่ยมเมื่อเปลี่ยนสถานะรองรับการติดตั้ง npm รองรับสล็อตและสไตล์ที่กำหนดเองและใช้งานได้สะดวกมาก -
เมาส์ที่กำหนดเอง js + CSS3 ทำตามลักษณะพิเศษ
เมาส์แบบกำหนดเอง js และ CSS3 ตามลักษณะพิเศษ ในเอฟเฟกต์พิเศษนี้ใช้องค์ประกอบ DIV เพื่อปรับแต่งเมาส์รูปร่างของเมาส์ถูกสร้างขึ้นผ่านโค้ด CSS และภาพเคลื่อนไหวของเมาส์จะขับเคลื่อนผ่านโค้ด js -
jQuery console เครื่องพิมพ์ดีดป้อนอัตโนมัติ
jQuery จำลองการป้อนข้อมูลเครื่องพิมพ์ดีดอัตโนมัติของข้อความคอนโซลข้อความแบบไดนามิกนั้นเอื้อต่อดวงตาที่น่าดึงดูดควบคุมและปรับได้มากขึ้น -
webkit ทิ้งเทคนิคพิเศษพื้นหลังที่ตกลงมา
ภาพเคลื่อนไหวใบไม้ร่วง HTML5 แอนิเมชั่นใบไม้ร่วง HTML5 นี้ขึ้นอยู่กับแกนของ webkit ดังนั้นคุณต้องมีเบราว์เซอร์หลักของ webkit เพื่อเล่นภาพเคลื่อนไหว เอฟเฟกต์เจ๋งมาก -
ลูกบอลฟองใสรหัส JS ชนกัน
ลูกบอลขนาดเล็กสิบลูกปรากฏขึ้นในเวลาเดียวกันและสามารถแก้ไขได้ตามต้องการ หากคุณต้องการให้ลูกบอลปรากฏแบบสุ่มคุณเพียงแค่ใส่คำอธิบายประกอบรหัส 58 บรรทัดและความคิดเห็น 57 บรรทัด วิธีการเขียนนี้ยังคงชัดเจนมาก หลังจากการทดสอบผลยังคงดีมาก คุณอาจคิดว่าโค้ดค่อนข้างยาว แต่แนวคิดค่อนข้างชัดเจนก่อนอื่นให้สร้างคลาสหน้าจอและให้การเคลื่อนที่ของลูกบอลและการชนกันที่กำหนดโดยตัวแปรแอตทริบิวต์ต่างๆในตัวสร้างหน้าจอเช่น ballnum สปริงการตีกลับแรงโน้มถ่วง และอื่น ๆ จากนั้นใช้ต้นแบบต้นแบบต้นแบบเพื่อให้ฟังก์ชันที่เกี่ยวข้องเช่นสร้างลูกบอลลูกบอลตีลูกการเคลื่อนที่ของลูกบอลเพิ่มฟังก์ชันที่เกี่ยวข้องให้กับแต่ละฟังก์ชันและสุดท้ายคลิกเหตุการณ์พร้อมปุ่มเพื่อเรียกฟังก์ชันนั่นคือทั้งหมด ฉันแค่ใส่คำอธิบายประกอบเอฟเฟกต์ของการคลิกที่นี่และหน้าจะเปลี่ยนแบบสุ่มหากฉันรีเฟรชโดยตรง -
jQuery ปลั๊กอินพื้นหลังเอฟเฟกต์หิมะ
ปลั๊กอินพื้นหลังเอฟเฟกต์หิมะ jQuery แบบธรรมดาเกล็ดหิมะจะถูกแทนที่ด้วยรูปภาพขนาดเล็กและเอฟเฟกต์ที่ตกลงมา -
ภาพ jQuery ล้มภาพเคลื่อนไหว CSS3 ตี
TML5 + CSS3 ตระหนักถึงการลากและวางรหัสเอฟเฟกต์พิเศษในการตรวจจับการชน คลิกปุ่มเริ่มและสามารถลากรูปภาพได้หลังจากการตกอย่างอิสระ เมื่อภาพถูกลากภาพจะค้างและชนกับภาพอื่น ๆ -
jQuery แบบเลื่อนลงการค้นหาปลั๊กอินเติมข้อความอัตโนมัติ
ปลั๊กอินการกรอกข้อมูลแบบดรอปดาวน์ที่คล้ายกับการค้นหา Baidu ถูกนำไปใช้โดยใช้ jQuery และคุณสามารถแปลงเป็นเนื้อหาที่เนื้อหาดรอปดาวน์อ่านจากฐานข้อมูลแบบไดนามิก -
Bootstrap สวยงามปลั๊กอินการเลือกประเทศข้อมูลแบบหล่นลง jquery
flagstrap เป็นปลั๊กอินการเลือกประเทศข้อมูลแบบเลื่อนลง jQuery ตาม bootstrap3 ปลั๊กอิน flagstrap สามารถสร้างกล่องแบบเลื่อนลงสำหรับการเลือกประเทศพร้อมเอฟเฟกต์ธงตามกล่องการเลือกแบบเลื่อนลง bootstrap3 native -
พื้นหลังแอนิเมชั่นฝนผ้าใบ HTML5
Canvas จำลองเอฟเฟกต์ฝนซึ่งสามารถใช้เป็นพื้นหลังฝนของหน้าเว็บและมีเอฟเฟกต์ภาพเคลื่อนไหวฝนที่ดี -
CSS3 ผีน่ารักตีรหัสเทคนิคพิเศษ
เอฟเฟกต์แอนิเมชั่นแอนิเมชั่นผี CSS3 ที่บริสุทธิ์เป็นเอฟเฟกต์การวาดภาพเคลื่อนไหวการ์ตูนผีผี css3 -
รหัส css3 บริสุทธิ์เพื่อให้ได้จุดลูกศรปลั๊กอินการสลับรูปภาพ
คุณอ่านถูกต้องแล้วปลั๊กอินการสลับรูปภาพนี้ไม่ได้ใช้รหัส js ใด ๆ โดยปกติเราจะใช้โค้ด js เพื่อให้เกิดเหตุการณ์คลิกและเอฟเฟกต์การสลับเมื่อเราทำการสลับภาพหมุน แต่ปลั๊กอินภาพหมุนพิเศษนี้สามารถรับรู้ได้โดยใช้รหัส css3 เท่านั้น -
jQuery ผลพลิกภาพวงกลม
เอฟเฟกต์การพลิกการ์ดรูปภาพ jQuery ที่เรียบง่ายและน่าสนใจ -
ปลั๊กอินการสลับภาพดัชนี jQuery dot
kinMaxShow เป็นปลั๊กอินแผนที่ปรับโฟกัสแบบเต็มหน้าจอซึ่งตั้งค่า img ในโครงสร้างเริ่มต้นเป็นภาพพื้นหลังคอนเทนเนอร์ -
รหัส HTML5 ในป่าคืนผืนผ้าใบ
โค้ด HTML5 สำหรับเอฟเฟกต์แอนิเมชันของป่ากลางคืนที่ใช้ Canvas -
Pure css3 วาดหน้ากากคนบ้าคลั่ง
ใครที่เคยดูหนัง Mad Men of chainsaw คงรู้จักหน้ากากนี้ เป็นมาสก์ที่วาดด้วยรหัส css3 พร้อมเอฟเฟกต์ภาพเคลื่อนไหว -
dat.gui.js เมาส์ตามเอฟเฟกต์ของอนุภาค
เมาส์ตามลักษณะพิเศษของอนุภาคตามไลบรารีคลาส dat.gui.js -
ภาพเคลื่อนไหวเครื่องพิมพ์ขนาดเล็ก Pure css3
เครื่องพิมพ์การ์ตูนที่ใช้รหัส css3 บริสุทธิ์ในการพิมพ์แอนิเมชั่นรหัสเครื่องพิมพ์การ์ตูนมนุษย์ -
three.js เอฟเฟกต์ภาพเคลื่อนไหวระลอกอนุภาคที่ไม่เป็นจริง
เอฟเฟกต์พิเศษของแอนิเมชันระลอกอนุภาคที่ไม่เป็นจริงตามไลบรารีคลาส three.js -
Spirit.js ใช้เอฟเฟกต์พิเศษความผันผวนของข้อความสำหรับปุ่มโค้งมน
spirit.js + svg ทำให้ข้อความบนปุ่มโค้งมนพร้อมเอฟเฟกต์ระลอกคลื่น