간만에 재미난 jQuery 플러그인을 하나 발견했다.
지금 이 블로그를 보시는 분들께서는 이 페이지에서 보이는 아무것 링크나 이미지 같은게 있음 하나 누르고 계셔보시라.

그럼 아래와 같이 엘리먼트가 덜덜덜하고 떨릴 것이다~

아웅 정신없어~!!ㅋ
아웅 정신없어~!!ㅋ

일단 효과를 확인하셨으니 언넝 여기까지 스크롤 하시고!!

이 플러그인의 이름은 jRumble로 jQuery와 함께 연동되어 어떤 엘리먼트던 원한다면 덜덜덜 떨리게 할 수 있다.
지원하는 이벤트도 Hover, Click, Mousedown, Constant 등이 있으며 X축, Y축의 떨림과 함께 회전반경도 설정이 가능하다.

추가적인 데모 및 소스 다운로드는 여기서 확인이 가능하다.

jQuery 플러그인 jRumble 데모페이지
jQuery 플러그인 jRumble 데모페이지

이 블로그에도 이런 저런 곳에 함 심어볼 계획이나 일단 평상이에 위에 처럼 떨려버리면 정신이 없으니 그냥 링크에 마우스를 누르고 있을 때만 적용시켜보았다.

이런 종류의 효과를 잘 활용한다면 사용자에게 신선하고 재미있는 웹경험을 제공할 수 있을 듯 하다.

참고로 회전효과는 CSS3 트랜지션을 지원하는 크롬, 파폭, 사파리, 오페라 등에서만 확인이 가능하다.
IE8 이하 버전 및 IE9 등은 X,Y 축의 떨림만이 확인 가능할 것이다.

아마도 네이티브 브라우저에서 회전을 지원해야 클라이언트의 부담이 덜줄까해서 뺀듯 한데 뭐 이것도 플러그인 버전이 업글 되면 해결될 수 있을 듯.

이 글의 관련글

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *