위치:홈페이지 > JS 특수 효과 코드 > 시각

jQuery 수평 타임 라인 플러그인 타임 라인

2020-06-25 63조회 수
간단한 jQuery 및 CSS3 수평 타임 라인 특수 효과 플러그인. 수평 타임 라인은 타임 라인과 이벤트 콘텐츠를 분리하도록 설계되었습니다. 타임 라인은 슬라이드 쇼 효과처럼 작동하며 특정 시점에 해당하는 이벤트가 전체 타임 라인의 너비를 차지하며 한 번에 하나의 이벤트 콘텐츠 만 표시합니다. 수평 시간 축의 HTML 구조는 두 부분으로 구성됩니다. 하나는 시간 축 날짜이고 다른 하나는 해당 이벤트입니다. ul.cd-timeline-navigation 요소는 탐색 화살표에 사용되며 span.filling-line은 새 이벤트 시점이 선택 될 때 타임 라인 채우기 효과에 사용됩니다.