Layer Popup 레이어팝업 bPopup

새로작성한글을 참고하세요

bpopup 예제 -> http://demun.tistory.com/2425

글하단에 예제 링크가 있습니다. http://code.demunskin.com/plugins/bpopup/html/bpopup.html

실무에서 레이어팝업을 사용했었는데 좀더 쓸만한것을 찾다가  jquery 플러그인중에서 레이어팝업으로 좋은것을 알려드립니다.

홈페이지 -> http://dinbror.dk/bpopup/

jquery, 필요에 따라서는 easing 플러그인을 로드한다는것이 좀 그렇지만 좋아보여 소개합니다.

1. 기본 팝업 스타일.

처음것은 기본으로 많이 사용하는 팝업입니다.

효과없이 일반적인 레이어팝업이며 설정이 무척 간단합니다.

살짝 스타일을 입혔습니다. 아래처럼 나옵니다.

기본 팝업 스타일

2. 추가적으로 계속해서 뜨는 팝업.

위치를 맘대로 지정할 수 있고, 팝업이 뜨는 효과도 지정할 수 있습니다.

설정 또한 간단합니다.

레이어팝업이 뜨는 형식은 아래 이미지로 표현했습니다.

첫번째는 easeOutBack 효과를 주어 슬라이드다운되게 햇으며, 두번째는 포지션값으로 위치를 지정했습니다. 세번째도 같구요.

그래서 원하는 위치에 원하는 효과를 주어 팝업을 띄울수 있습니다.