FeedNon

blog logo image

FeedNon » 분류없음

Jquery 블록UI

2009/08/29 10:44

개발자 홈페이지 : http://malsup.com/jquery/block
데모 : http://malsup.com/jquery/block/#demos
다운로드 : http://malsup.com/jquery/block/jquery.blockUI.js?v2.23

개인적으로 jQuery 의 플러그인들 가운데 가장 마음에 드는 툴임과 동시에
가장 자주 사용하고 있는 놈..

사용방법은 정말 간단한다.

먼저 jQuery 라이브러리 1.2 이상 버전 (1.2.3 정도가 좋다고 생각) 을
적용해놓은 뒤

$.blockUI(옵션);

이게 전부다..

자바스크립트의 Alert 를 대신할 수 있는 물건으로 사용해도 크게 나쁘지 않고
<Div>로 만든 레이어팝업을 띄워야 하는 경우에도 여러모로 요긴하다.

옵션설정시 Height는 지정을 해줄 필요가 없으나 (div객체의 Height 값을 인식함)
Width값은 반드시 지정해 주어야 한다. (div의 Width를 인식하지 못하는 경우가 많음)

Fadein과 Fadeout 의 경우, 스크립트가 많이 사용되는 홈페이지 혹은 블로그 등에서는
익스플로러를 기준으로 봤을때, 부드러운 페이딩 효과를 얻기가 어렵다 (뚝뚝 끊김)

대신, 파폭에서는 어떠한 경우라도 부드러운 페이딩 효과가 나온다. -_-

나의 경우에는
[회원가입 완료] 팝업을 출력할 때나..
[회원 비밀번호 찾기] 팝업등에서도 쓰고..
Alert로 마무리 하기엔 다소 찜찌름한 경우에도 종종 레이어 디자인해서 쓰기도 한다;;



(go to top)

◀ recent | 1 | ... 1141 | 1142 | 1143 | 1144 | 1145 | 1146 | 1147 | 1148 | 1149 | ... 1159 | previous ▶