Vị trí：trang chủ > Mã hiệu ứng đặc biệt JS > thời gian

Trình cắm thêm hiệu ứng đặc biệt dòng thời gian ngang đơn giản jQuery và CSS3. Dòng thời gian ngang được thiết kế để tách dòng thời gian và nội dung sự kiện. Dòng thời gian hoạt động giống như hiệu ứng trình chiếu, và sự kiện tương ứng với một mốc thời gian nhất định chiếm chiều rộng của toàn bộ dòng thời gian, Và chỉ hiển thị một nội dung sự kiện tại một thời điểm. Cấu trúc HTML của trục thời gian ngang bao gồm hai phần: một phần là ngày tháng trên trục thời gian và phần còn lại là sự kiện tương ứng. Phần tử ul.cd-timeline-navigation được sử dụng cho các mũi tên điều hướng và span.filling-line được sử dụng cho hiệu ứng lấp đầy dòng thời gian khi một điểm thời gian sự kiện mới được chọn.