Rev. 2.73

1

rangeX: 2
rangeY: 2
rangeRot: 1

2

rangeX: 10
rangeY: 10
rangeRot: 4

3

rangeX: 4
rangeY: 0
rangeRot: 0

4

rangeX: 0
rangeY: 0
rangeRot: 5


페이지내 모든 HTML 요소를 부들부들 떨게 만들어 주는 jQuery 플러그인인 jRumble을 소개합니다. 아래와 같은 옵션 수치를 조정하여 다양한 떨림 효과를 부여할 수 있으며, 마우스오버, 클릭, 마우스다운 이벤트 또는 항상 효과가 발동하도록 설정할 수 있습니다. 다소 방정맞지만 개성 넘치는 UI를 제공할 수 있겠네요.

옵션들:

  • rangeX: 가로 행동 반경(px), 기본값: 2
  • rangeY: 세로 행동 반경(px), 기본값: 2
  • rangeRot: 행동 각도(도), 기본값: 1
  • rumbleSpeed: 행동 속도, 기본값: 10(작을수록 빠름)
  • rumbleEvent: 발동 시점, 'hover', 'click', 'mousedown', 'constant', 기본값: 'hover'
  • posX: 포지션 fixed, absolute로 배치된 요소의 위치, 기본값: left
  • posY: 포지션 fixed, absolute로 배치된 요소의 위치, 기본값: top

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar