Layer Popup 레이어팝업 bPopup

게시자: 대문 demun 카테고리: 퍼블리셔/jQuery 2014.03.19 08:00

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

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

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


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

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


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


1. 기본 팝업 스타일.

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

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



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



bpopup기본 팝업 스타일





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


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

설정 또한 간단합니다.






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

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

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





신고

댓글

  1. 2014.07.18 00:34  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  2. 2014.07.24 18:32 신고 안녕하세요  댓글주소  수정/삭제  댓글쓰기

    팝업창 너무 맘에 드는데요 팝업 띄어지면 height 값이 길어지면 작동이 잘 안되는데 해결 방법 있을까요?????

  3. 2014.07.30 11:02  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  4. 2014.08.20 16:22 신고 푸르릉  댓글주소  수정/삭제  댓글쓰기

    익스9에서 안되던데?? 정말 안되나요 ㅠㅠ

  5. 2014.09.19 15:31 신고 킴킴킴  댓글주소  수정/삭제  댓글쓰기

    버튼을 클릭하지 않고 바로 사이트 주소를 입력하자마자 메인페이지 위에 레이어 팝업창을 띄울려면 어떻게 해야 하나요 ? ㅜㅜㅜㅠㅠ