웹마스터 팁

  2. Support
  3. 웹마스터 팁

모달 윈도우

2014.09.15 18:36

pixfine

CSS Code
/* UI Object */
html, body{height:100%;margin:0}
.mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:160px;margin:-100px 0 0 -200px;padding:20px;border:3px solid #ccc;background:#fff}
/* //UI Object */


HTML Code
<!--ui object -->
<div id="mw_temp" class="mw">
<div class="bg">
<!--don't put here any content -->
</div>
<div class="fg">
<p>modal windowed layer example. put this layer before end of the body.<button onclick="document.getelementbyid('mw_temp').style.display='none'">close</button>
</p>
</div>
</div>
<!--//ui object -->


Javascript Code
<script type="text/javascript">
/* UI Pattern Script */
/* //UI Pattern Script */
</script>
태그 연관 글
  1. [2015/11/14] 묻고답하기 게시판에 태그(헤시태그) 작성하는 방법을 알려주세요 by thdwjdtjr *1
  2. [2014/06/08] 묻고답하기 로고 이미지 업로드 관련 질문드립니다. by 나는짱이야1004 *1
  3. [2010/09/01] 묻고답하기 modalWindow-외부페이지에서 생성된 페이지에서는 로그인 안되네요 !!! by 인텔리지 *2
  4. [2009/04/28] 묻고답하기 인증메일 문제 다시 질문 드립니다. by parksungho *2
  5. [2009/02/24] 묻고답하기 이슈트래커 svn연동 문의 by 개돌 *3
, , , 이 게시물을
좋아요
목록
제목 글쓴이 날짜
한 페이지(화면)에 두개(2개)의 모듈(게시판 등)을 넣는 법 [6] 황건순 2008.08.25
음악넣는 BGM코드 70종류 입니다 [1] 푸른커튼 2008.08.25
댓글(코멘트) 입력창에 이미지 넣기 [19] file skyatc 2008.08.29
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로) [6] file Clanss 2008.08.29
메인화면에 플래시 쉽게 삽입하는 방법.. [12] 청개구리00 2008.08.30
문서 카테고리를 메뉴에 적용하기 위한 레이아웃 수정 팁과 개념토론 [7] 제베 2008.08.31
원하는 위치에 구글 (맞춤)검색창 달기 [2] 다케루 2008.09.02
각 리스트형 위젯에 페이지 기능을 달자. [10] 라르게덴 2008.09.02
[우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] 이홍석295 2008.09.03
카멜레온 최근글 위젯 클릭시 새창 팁 가랑바람 2008.09.04
회원 포인트 선물 하기 등 포인트 변경시 바로 적용 방법 한꼬마 2008.09.06
동일서버내 페이지에서 로그인정보 활용하기... [4] 수로 2008.09.06
다음카페에 끊김없이 음악나오게 하기 푸른커튼 2008.09.06
등록하시겠습니까? 등록할까요? 안 나오고 바로 글 등록되게 하는 법 [6] 황건순 2008.09.08
블로그, 홈페이지 가입시 자동 입력되는 http:// 없애기 [2] 류영무 2008.09.09
IP 주소 4자리수 모두 공개하는 방법 [1] 블루파티 2008.09.11
에디터 9pt 추가 및 에디터에도 웹폰트 보이게 하기. [13] file 욜리 2008.09.11
사진 한꺼번에 일괄적으로 올리기 [4] 안정수650 2008.09.12
게시판 에디터 폰트 글자(글씨)크기 변경하는 법 씨에씨에 2008.09.12
주소록 구현 (외부 페이지) [17] CSLab 2008.09.15
태그 쓰기