일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 휘닉스파크
- 포천투어
- 덕소골프샵
- 조경철천문대
- 야생개복숭아
- 포천가볼만한곳
- 잠실수영장
- LGG6
- 제주도눈
- 제주도설경
- 개복숭아판매
- 자연산개복숭아
- 서원힐스
- wp-900
- 괌
- 한라산
- 제주도
- 포천온천
- 개복숭아 판매
- 개복숭아
- 충주골프장
- 제주도눈썰매
- 파주골프장
- 자연산 개복숭아
- 태안수영장펜션
- 돌복숭아
- 포천수영장
- 경기북부골프장
- 야생개복숭아 판매
- 괌자유여행
- Today
- Total
Live Brilliant
레이어 팝업 두개 달기 본문
<!-- 이벤트 공지 팝업 -->
<STYLE type=text/css>
#wrap{ position:relative; margin:0 auto; width:960px;}
</STYLE>
<script language="JavaScript">
<!--
function setCookie( name, value, expirehours ) {
var todayDate = new Date();
todayDate.setHours( todayDate.getHours() + expirehours );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin() {
if ( document.chk_form.chkbox.checked ){ //메인이미지 체크폼
setCookie( "ncookie", "done" , 24 ); //체크되어있으면 하루동안 열지 않기
}
document.getElementById('k_popup').style.display = "none"; //레이어 id='k_popup' 이미지를 none 으로
}
function closePopup() {
if ( document.ck_form.ckbox.checked ){ //로그인이미지폼
setCookie( "ncookie1", "done" , 24 ); //체크되어있으면 하루동안 열지 않기
}
document.getElementById('login_popup').style.display = "none"; //레이어 id='k_popup' 이미지를 none 으로
}
//-->
</script>
<!-- 최상 div-->
<div id="wrap">
<!-- 로그인 부분 -->
<div id="login_popup" style="position:absolute; top:0px; left:0px; width:189px; height:163px; z-index:3" >
<!-- 이미지 레이어 -->
<div>
<img src="layer_pop_01.jpg" width="190" height="194" border="1" usemap="#Map">
<map name="Map" id="Map">
<!-- COORDS="x의시작점,y시작점,x끝점,y끝점" -->
<AREA SHAPE="rect" COORDS="8,8,183,162" HREF="http://도메인/_payment/cash.php" onFocus="this.blur()" >
<area shape="rect" coords="145,173,187,191" href="javascript:closePopup();" onFocus="this.blur()"/>
</map> </div>
<!--체크박스 레이어-->
<div style="position:absolute; top:169px; left:15px; width:22px; height:21px;">
<form name="ck_form">
<input type="checkbox" name="ckbox" value="ckbox">
</form>
</div>
</div>
<!--메인 레이어-->
<div id="k_popup" style="position:absolute; top:122px; left:195px; width:536px; height:315px; z-index:2">
<!--이미지 레이어-->
<div>
<img src="layer_pop_02.jpg" width="530" height="310" border="1" USEMAP="#eventMap2"> </div>
<!--체크박스 레이어-->
<div style="position:absolute; top:288px; left:325px; width:23px; height:23px;">
<form name='chk_form'>
<input type='checkbox' name='chkbox' value='checkbox'>
</form>
</div>
</div>
<map name="eventMap2">
<AREA SHAPE="rect" COORDS="7,8,521,281" HREF="http://
도메인 /_payment/cash.php" onFocus="this.blur()" >
<AREA SHAPE="rect" COORDS="490,291,526,307" href="javascript:closeWin();" onFocus="this.blur()">
</map>
</div>
<script language="JavaScript">
<!--
cookiedata = document.cookie;
if ( cookiedata.indexOf("ncookie=done") < 0 ){
document.getElementById('k_popup').style.display = "block"; //레이어 보인다
}else {
document.getElementById('k_popup').style.display = "none"; //레이어 안보인다
}
if ( cookiedata.indexOf("ncookie1=done") < 0 ){
document.getElementById('login_popup').style.display = "block"; //레이어 보인다
}else {
document.getElementById('login_popup').style.display = "none"; //레이어 안보인다
}
//-->
</script>
'개발은 핵찜이야 > HTML/CSS' 카테고리의 다른 글
div 레이어 테이블 (0) | 2012.04.13 |
---|---|
버튼 클릭시 이미지 팝업 호출 소스 (0) | 2012.04.13 |
이미지맵태그_좌표값읽기(coords) 이미지 팝업 (0) | 2012.04.13 |
레이어 팝업 <공지사항> (0) | 2012.04.13 |
입력폼 클릭시 value 값 null로 변경 (0) | 2012.04.13 |