웹마스터 팁

모달 윈도우

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
제목 글쓴이 날짜
부산오피 부산출장안마 ⦑오피사이트.NET⦒ 부산OP 부산오피 부산오피 koykoyah 2025.02.20
수원오피 ⦑오피쓰주소.COM⦒ 수원OP 수원오피 수원출장샵 수원오피 koykoyah 2025.02.20
동대문오피 동대문오피 ⦑오피쓰.COM⦒ 동대문OP 동대문스파 동대문오피 koykoyah 2025.02.20
동대문오피 동대문오피 ⦑오피.CLUB⦒ 동대문OP 동대문스파 동대문오피 koykoyah 2025.02.20
동대문오피 ⦑오피.CLUB⦒ 동대문OP 동대문오피 동대문출장샵 동대문오피 koykoyah 2025.02.20
판교오피 ⦑오피쓰주소.COM⦒ 판교OP 판교오피 판교출장샵 판교오피 koykoyah 2025.02.20
동두천오피 동두천OP ⦑오피쓰.COM⦒ 동두천휴게텔 동두천오피 동두천오피 koykoyah 2025.02.20
용인오피 ⦑오피사이트.NET⦒ 용인OP 용인오피 용인출장샵 용인오피 koykoyah 2025.02.20
청주오피 청주오피 ⦑오피쓰주소.COM⦒ 청주OP 청주스파 청주오피 koykoyah 2025.02.20
부천오피 부천출장안마 ⦑오피쓰주소.COM⦒ 부천OP 부천오피 부천오피 koykoyah 2025.02.20
대구오피 대구오피 ⦑출장안마사이트.COM⦒ 대구OP 대구스파 대구오피 koykoyah 2025.02.20
익산오피 익산OP ⦑출장마사지안내.COM⦒ 익산휴게텔 익산오피 익산오피 koykoyah 2025.02.20
제주오피 ⦑오피쓰.COM⦒ 제주오피 제주출장마사지 제주오피 제주OP koykoyah 2025.02.20
일산오피 일산OP ⦑오피사이트.NET⦒ 일산휴게텔 일산오피 일산오피 koykoyah 2025.02.20
평택오피 ⦑출장안마사이트.COM⦒ 평택오피 평택출장마사지 평택오피 평택OP koykoyah 2025.02.20
여의도오피 ⦑오피쓰주소.COM⦒ 여의도오피 여의도출장마사지 여의도오피 여의도OP koykoyah 2025.02.20
강북오피 강북출장안마 ⦑출장안마사이트.COM⦒ 강북OP 강북오피 강북오피 koykoyah 2025.02.20
연신내오피 연신내출장안마 ⦑오피쓰.COM⦒ 연신내OP 연신내오피 연신내오피 koykoyah 2025.02.20
용인오피 용인출장안마 ⦑오피쓰주소.COM⦒ 용인OP 용인오피 용인오피 koykoyah 2025.02.20
분당오피 ⦑오피쓰.COM⦒ 분당오피 분당출장마사지 분당오피 분당OP koykoyah 2025.02.20