CSS HTML5/퍼블리싱 팁

레이어팝업 소스

웹디자이너 Kang Ji Yeon 2016. 11. 9. 20:21
반응형


<script language="JavaScript">
<!--
function setCookie( name, value, expiredays ) {
        var todayDate = new Date();
                todayDate.setDate( todayDate.getDate() + expiredays );
                document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin() {
        if ( document.notice_form.chkbox.checked ){
                setCookie( "maindiv", "done" , 1 );
        }
        document.all['divpop'].style.visibility = "hidden";
}

function closeWin2() {
        if ( document.notice_form2.chkbox.checked ){
                setCookie( "maindiv2", "done" , 1 );
        }
        document.all['divpop2'].style.visibility = "hidden";
}
//--> 
</script>
<style type="text/css">
<!--
#divpop {
        position:absolute;left:200px;top:88px;width:416px;height:333px;z-index:99;
}
#divpop td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 11px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
/*확장*/
#divpop2 {
        position:absolute;left:200px;top:88px;width:430px;height:522px;z-index:99;
}
#divpop2 td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 11px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
-->
</style>

 


 <!-- 레이어팝업_업무지원 -->
<div id="popupLyr" style="position:absolute;left:650px;top:88px;width:416px;height:333px;z-index:99;"><a href="#
"><img src="이미지경로" border="0"/></a></div>


 <!-- 레이어팝업_업무지원 -->
 <div id="divpop">
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center"><img src="
이미지경로" border="0"/></td>
    </tr>
    <form name="notice_form">
      <tr>
        <td align="center" bgcolor="#000" height="25">
          <input type="checkbox" name="chkbox" value="checkbox">
          오늘 하루 이 창을 열지 않음 <a href="javascript:closeWin();" style="color:#fff;"><strong>[닫기]</strong></a></td>
      </tr>
    </form>
  </table>
</div>
<script language="JavaScript">
<!--
cookiedata = document.cookie;

if ( cookiedata.indexOf("maindiv=done") < 0 ){
        document.all['divpop'].style.visibility = "visible";

else {
        document.all['divpop'].style.visibility = "hidden";
}
-->
</script>

반응형