웹마스터 팁

모달 윈도우

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
제목 글쓴이 날짜
건대오피 ⦑오피쓰주소.COM⦒ 건대마사지 건대오피 건대오피 건대OP koykoyah 2025.02.20
홍대오피 ⦑출장마사지안내.COM⦒ 홍대오피 홍대OP 홍대건마 홍대오피 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
건대오피 ⦑오피사이트.NET⦒ 건대오피 건대출장마사지 건대오피 건대OP koykoyah 2025.02.20
가락오피 가락OP ⦑오피쓰.COM⦒ 가락휴게텔 가락오피 가락오피 koykoyah 2025.02.20
수원오피 수원OP ⦑오피사이트.NET⦒ 수원휴게텔 수원오피 수원오피 koykoyah 2025.02.20
광주오피 ⦑출장안마사이트.COM⦒ 광주OP 광주오피 광주출장샵 광주오피 koykoyah 2025.02.20
충주오피 ⦑오피사이트.NET⦒ 충주마사지 충주오피 충주오피 충주OP koykoyah 2025.02.20
대전오피 ⦑오피쓰.COM⦒ 대전마사지 대전오피 대전오피 대전OP koykoyah 2025.02.20
역삼오피 역삼오피 ⦑오피쓰.COM⦒ 역삼OP 역삼스파 역삼오피 koykoyah 2025.02.20
가락오피 ⦑오피.CLUB⦒ 가락오피 가락출장마사지 가락오피 가락OP koykoyah 2025.02.20
부평오피 ⦑오피쓰.COM⦒ 부평오피 부평OP 부평건마 부평오피 koykoyah 2025.02.20
산본오피 ⦑출장안마사이트.COM⦒ 산본마사지 산본오피 산본오피 산본OP koykoyah 2025.02.20
동대문오피 ⦑오피쓰.COM⦒ 동대문OP 동대문오피 동대문출장샵 동대문오피 koykoyah 2025.02.20
강북오피 ⦑오피.CLUB⦒ 강북오피 강북OP 강북건마 강북오피 koykoyah 2025.02.20
압구정오피 ⦑오피쓰.COM⦒ 압구정OP 압구정오피 압구정출장샵 압구정오피 koykoyah 2025.02.20