สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > เวลา

jQuery ไทม์ไลน์ปลั๊กอินไทม์ไลน์แนวนอน

2020-06-25 120เรียกดู
ปลั๊กอินเอฟเฟกต์พิเศษของเส้นเวลาแนวนอน jQuery และ CSS3 อย่างง่าย ไทม์ไลน์แนวนอนออกแบบมาเพื่อแยกไทม์ไลน์และเนื้อหาเหตุการณ์ ไทม์ไลน์ทำงานเหมือนเอฟเฟกต์สไลด์โชว์และเหตุการณ์ที่ตรงกับช่วงเวลาหนึ่งจะใช้ความกว้างของไทม์ไลน์ทั้งหมดและแสดงเนื้อหาเหตุการณ์เพียงครั้งละหนึ่งรายการเท่านั้น โครงสร้าง HTML ของแกนเวลาแนวนอนประกอบด้วยสองส่วนส่วนหนึ่งคือวันที่ของแกนเวลาและอีกส่วนคือเหตุการณ์ที่เกี่ยวข้อง องค์ประกอบการนำทาง ul.cd-timeline ใช้สำหรับลูกศรนำทางและ span.filling-line ใช้สำหรับเอฟเฟกต์การเติมไทม์ไลน์เมื่อเลือกจุดเวลาของเหตุการณ์ใหม่