สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS
-
รหัสหน้าเข้าสู่ระบบ HTML สีม่วงอย่างง่าย
รหัส HTML ง่ายๆของหน้าเข้าสู่ระบบที่มีพื้นหลังสีม่วง การคลิกช่องป้อนข้อมูลจะแสดงเอฟเฟกต์ภาพเคลื่อนไหวที่เร่าร้อนซึ่งเจ๋งมากและช่วยเพิ่มประสบการณ์ของผู้ใช้ ค่าเริ่มต้นคือพื้นหลังไล่ระดับสีม่วงและสามารถปรับเปลี่ยนเป็นสีที่ต้องการได้ -
หน้าแบบฟอร์มเข้าสู่ระบบ HTML ที่เรียบง่ายและโปร่งใส
หน้าฟอร์มการเข้าสู่ระบบ HTML ที่เรียบง่ายและโปร่งใสซึ่งประกอบด้วยพื้นหลังเบลอและกล่องล็อกอินสีขาว พื้นหลังเบลอช่วยให้ผู้ใช้โฟกัสไปที่กล่องล็อกอิน ฉากหลังเป็นป่าภูเขากว้างเขียวขจีและพื้นหลังหญ้าดูสดชื่นมาก หน้าเข้าสู่ระบบนี้เหมาะมากสำหรับเว็บไซต์ที่เว็บไซต์เป็นสีเขียวเป็นหลักและสามารถแทนที่อวาตาร์รอบด้วยโลโก้ได้ หน้าเข้าสู่ระบบถูกปรับให้เข้ากับเทอร์มินัลมือถือของโทรศัพท์มือถือ เมื่อความละเอียดหน้าจอน้อยกว่า 500px จะแสดงในรูปแบบของเทอร์มินัลมือถือ -
หน้าล็อกอิน HTML พร้อมอวาตาร์รอบ
หน้าล็อกอิน HTML พร้อมอวาตาร์รอบ มีรูปกลมที่ด้านบนของแบบฟอร์มเข้าสู่ระบบ -
อินเทอร์เฟซการเข้าสู่ระบบสไตล์เส้นคลาสสิก
อินเทอร์เฟซการเข้าสู่ระบบ HTML สไตล์บรรทัดคลาสสิกกล่องล็อกอินสไตล์ไลน์ปุ่มล็อกอินสีชมพูและปุ่มล็อกอินของบุคคลที่สาม -
หน้าสวิตช์การลงทะเบียนเข้าสู่ระบบ HTML สีม่วง
เทมเพลต HTML หน้าเข้าสู่ระบบและการลงทะเบียนสีม่วงหน้าเข้าสู่ระบบและหน้าแบบฟอร์มการลงทะเบียนพร้อมสวิตช์แท็บ -
แบบฟอร์มเข้าสู่ระบบ html และวิดเจ็ตการลงทะเบียนป๊อปอัพ
ชุดของหน้าการเข้าสู่ระบบและการลงทะเบียนที่สวยงามค่าเริ่มต้นคือการแสดงรูปแบบฟอร์มการเข้าสู่ระบบ คลิกปุ่มลงทะเบียนเพื่อแสดงแบบฟอร์มการลงทะเบียนในกล่องป๊อปอัป รูปแบบอินเทอร์เฟซค่อนข้างดีและป๊อปอัปการลงทะเบียนเป็นแบบเคลื่อนไหว -
การออกแบบหน้าเข้าสู่ระบบและการลงทะเบียนแบบเรียบ
แบบฟอร์มล็อกอินและลงทะเบียน HTML ที่ตอบสนองอยู่ในหน้าเดียวกัน หน้าการเข้าสู่ระบบและการลงทะเบียนที่น่าประทับใจการออกแบบหน้าเข้าสู่ระบบและการลงทะเบียนแบบเรียบ -
เข้าสู่ระบบลงทะเบียนวิดเจ็ตแบบฟอร์มส่วนลด
เข้าสู่ระบบและลงทะเบียนรหัสวิดเจ็ตรูปแบบส่วนลดการเข้าสู่ระบบและการลงทะเบียนแบบฟอร์มการแสดงผลการสลับ -
สไตล์ปุ่ม css สเตอริโอ 3d
รูปแบบของปุ่ม css สามมิติสามมิติจะเปลี่ยนไปเมื่อคลิก -
jQuery เลียนแบบช่องค้นหา Baidu ปลั๊กอินการเติมข้อมูลอัตโนมัติ
typeahead.js เป็น jQuery ที่คล้ายกับ Baidu search box drop-down auto-complete plug-in ปลั๊กอินเติมข้อความอัตโนมัตินี้มีตัวเลือกการกำหนดค่าและวิธีการโทรกลับมากกว่า 50 รายการเพื่อทำฟังก์ชันเติมข้อความอัตโนมัติให้สมบูรณ์และสามารถทำตามข้อกำหนดส่วนใหญ่สำหรับการกรอกแบบฟอร์มอัตโนมัติ -
โค้ดเอฟเฟกต์ภาพเคลื่อนไหว CSS3 ของช่องค้นหา
เอฟเฟกต์การขยายช่องค้นหานั้นยอดเยี่ยมมากเอฟเฟกต์ภาพเคลื่อนไหวที่รับรู้ด้วยรหัส css3 บริสุทธิ์ปุ่มค้นหาเริ่มต้นคลิกช่องป้อนข้อมูล -
ช่องค้นหา jQuery ความยาวของข้อความที่ใช้งานได้เอง
ปลั๊กอินที่ใช้ jQuery เพื่อขยายอินพุตอินพุตโดยอัตโนมัติ นี่คือช่องค้นหาซึ่งปรับใช้ได้เองกับความกว้างของข้อความที่ป้อน -
ปุ่มค้นหา jQuery คลิกเพื่อขยายกล่องข้อความ
ใช้ jQuery เพื่อคลิกปุ่มค้นหาที่มีไอคอนจากนั้นจะกลายเป็นช่องค้นหาและเมื่อขยายออกจะมีเอฟเฟกต์การเปลี่ยนภาพเคลื่อนไหว -
jQuery คลิกไอคอนค้นหาเพื่อแสดงภาพเคลื่อนไหวของช่องค้นหา
ใช้ jQuery เพื่อให้ได้เอฟเฟกต์ภาพเคลื่อนไหวการค้นหาคลิกปุ่มค้นหาเพื่อให้กล่องค้นหาปรากฏขึ้น -
ช่องค้นหา js + css จะจับคู่รายการแบบเลื่อนลงโดยอัตโนมัติ
ลักษณะพิเศษทั่วไปคล้ายกับช่องค้นหา Baidu ช่องค้นหาที่ใช้โค้ด js + css จะจับคู่รายการแบบเลื่อนลงโดยอัตโนมัติเพื่อกรองผลลัพธ์สตริงที่ตรงกับอินพุต -
ช่องค้นหาแบบเลื่อนลง jQuery Layui
jQuery ใช้โค้ดกล่องแบบเลื่อนลงการค้นหา Layui ซึ่งเป็นโค้ดรายการแบบเลื่อนลงที่รองรับภาษาจีนและการค้นหาเริ่มต้น -
อินพุตอินพุตปรากฏปุ่มค้นหา
รูปแบบช่องค้นหา css3 ที่สร้างสรรค์ปุ่มค้นหาจะปรากฏขึ้นเมื่อคุณป้อนข้อความในช่องป้อนข้อมูล -
ปลั๊กอินเมนูนำทาง Bootstrap พร้อมช่องค้นหาแบบเลื่อนลง
Bootstrap framework เป็นปลั๊กอินเมนูการนำทางที่สวยงามและใช้งานได้จริงพร้อมช่องรายการแบบหล่นลงซึ่งคล้ายกับกล่องรายการแบบหล่นลงบน Github มันเปลี่ยนมาจากดรอปดาวน์ Bootstrap ดั้งเดิมซึ่งใช้งานได้จริงและสวยงามมาก -
ปุ่มค้นหา css3 กลายเป็นเอฟเฟกต์ภาพเคลื่อนไหวของช่องค้นหา
รูปแบบการค้นหา css3 ที่สร้างสรรค์ให้คลิกปุ่มกลมเพื่อเปลี่ยนเป็นเอฟเฟกต์ภาพเคลื่อนไหวของช่องค้นหาอินพุต -
css3 คลิกปุ่มเพื่อเปลี่ยนช่องป้อนข้อมูล
ปุ่มและรูปแบบเอฟเฟกต์ภาพเคลื่อนไหวแบบโต้ตอบที่ใช้ใน css3 ล้วน css3 คลิกปุ่มมุมโค้งมนเพื่อเป็นช่องป้อนข้อมูลพร้อมปุ่มซึ่งสามารถใช้เป็นฟังก์ชันการค้นหาได้