홈페이지 TIP

칭찬은 고래도 춤추게합니다.^^

응원의 메시지를 남겨주세요.

Page : Home 고객센터 홈페이지 TIP

분류목록

유용한팁 [ jQuery ] Align bullet animation

  • 관리자 (ican22)
  • 2018-09-28 17:22:00
  • hit5054
  • vote10
  • 203.231.145.76
불릿이 중간에 모여있다가 이벤트가 발생하면 퍼지는 애니메이션을 보여주는 스크립트입니다.
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
 
네이버 X 주소복사 페이스북 밴드
게시글 공유 URL복사
추천 (10) 출력
목록
댓글[0]

열기 닫기

prev 이전글
[ CSS ] 브라우저 개발자 도구를 활용하여 문제점을 쉽게 찾을 수 있는법
next 다음글
[ Basic ]즐겨찾기 추가 기능 만들기