애니빌드.LAB
Javascript
jQuery Align bullet animation
- 망구
- 2014-05-30 10:41:00
- hit7687
- http://lab.anybuild.co.kr/bbs/javascript/1651
불릿이 중간에 모여있다가 이벤트가 발생하면 퍼지는 애니메이션을 보여주는 스크립트입니다.
jQuery를 기본적으로 사용하며 애니메이션은 css3 transition을 지원하면 css3 애니메이션을 사용하며 그렇지 않으면 jQuery animate로 사용합니다.
아래 데모페이지에서는 필요한 이벤트를 버튼 클릭으로 확인할 수 있습니다.
그에맞게 수정해서 사용하시면 됩니다.
DEMO
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.html
Source
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.css
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.js
jQuery를 기본적으로 사용하며 애니메이션은 css3 transition을 지원하면 css3 애니메이션을 사용하며 그렇지 않으면 jQuery animate로 사용합니다.
아래 데모페이지에서는 필요한 이벤트를 버튼 클릭으로 확인할 수 있습니다.
그에맞게 수정해서 사용하시면 됩니다.
DEMO
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.html
Source
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.css
http://wdev.anybuild.com/img_up/shop_pds/wdev/design/data/alignItem/alignItem.js
게시글 공유
URL복사
열기 닫기