홈페이지 TIP

Marketing Tip

홈페이지 마케팅 노하우 나눔공간!!

홈페이지 TIP - 포항사랑 [ jQuery ] Align bullet animation
2018-09-28 17:22:19
포항사랑 (ican22) <> 조회수 907
불릿이 중간에 모여있다가 이벤트가 발생하면 퍼지는 애니메이션을 보여주는 스크립트입니다.
jQuery를 기본적으로 사용하며 애니메이션은 css3 transition을 지원하면 css3 애니메이션을 사용하며 그렇지 않으면 jQuery animate로 사용합니다.

아래 데모페이지에서는 필요한 이벤트를 버튼 클릭으로 확인할 수 있습니다.
그에맞게 수정해서 사용하시면 됩니다.

DEMO
http://wdev.web2020.co.kr/img_up/shop_pds/wdev/design/data/alignItem/alignItem.html

Source
http://wdev.web2020.co.kr/img_up/shop_pds/wdev/design/data/alignItem/alignItem.css
http://wdev.web2020.co.kr/img_up/shop_pds/wdev/design/data/alignItem/alignItem.js

top