웹마스터 팁

  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
, , , 이 게시물을
좋아요
목록
제목 글쓴이 날짜
이전/다음 글버튼 출력 애드온의 버튼을 사이트 밖으로 빼봅시다..^^ [5] file 착한악마 2014.04.03
slidesj 사용시 자동으로 다음 사진 넘길때 웹빌드 2014.04.02
코어 업데이트 후 회원가입 이름이 숫자(번호)로 뜨는 현상 수정 [1] 자대련 2014.04.01
[javascript] 기초강좌 | 02 산술, 대입, 증감, 비교연산자 hiwebs 2014.04.01
[javascript]기초강좌 | 01 자바스크립트개념 hiwebs 2014.04.01
index.php에서 Parse Error가 발생한다면 [6] YJSoft 2014.04.01
모바일EX 사용시, 모바일 레벨아이콘 출력하기. [11] qwms 2014.03.29
여러가지 프로토타이핑 툴 [1] 드래그홈 2014.03.26
여러가지 hover effect 모음 [1] 드래그홈 2014.03.26
[SocialXE] 1.7.4.x 업데이트 후 SocialXE에서 '잘못된 요청입니다.' 오류가 뜨는 문제 해결하기 [15] file TUW 2014.03.26
VB.NET에서 XE로그인 연동하기.[내용추가] [3] AppSeedKorea 2014.03.26
메인 홈페이지와 서브페이지를 하나의 레이아웃으로 투씨 2014.03.24
로그인 안하면 코멘트 볼 수 없게 스킨 수정하는 법 [3] W.O 2014.03.23
사용자에게 파일 내용을 뿌릴땐 fpassthru를 쓰자 [2] DynamicLaser 2014.03.23
XE코어 수정없이 원하는 기능 넣기 [3] file 마이웹 2014.03.22
[Jquery] input box border input pell 2014.03.21
폰갭 이용시 파일 첨부 한번에 올리기 웹빌드 2014.03.20
모바일 화면 사이즈 관련 팁 젤리빈 2014.03.19
lang.xml 키워드 사용체크 프로그램 (리눅스/파이썬) file NURIGO 2014.03.19
XE 앱 개발시 키보드 포커스 관리 StyleRoot 2014.03.19
태그 쓰기