div로 팝업 오늘 하루 그만보기

<!--<div id="popup">
   <div id="pop1">
    <div id="popContent">
     <!--원하는 내용을 넣으세요 iframe이나 페이지 소스등등 -->
    </div>
    <div id="popFooter">
     <div class="popChk">
      <input type="checkbox" name="popcheck" />
     </div>
     <div class="popTxt">
      <span>오늘 하루 그만 보기</span>
     </div>
     <div class="popClose">
      <a href="javascript:closeWin();"><span>[닫기]</span></a>
     </div>
    </div>
   </div>
  </div>-->

위에 div를 놓고 아래 스크립트를 놓아야 실행 div를 찾을 수 있습니다.
스크립트를 상단에 두시면 스크립트가 먼저 실행되어서 div들을 못찾습니다.
그럼 오늘 하루 그만 보기가 제대로 작동하지 않습니다.

<script type="text/javascript">

 cookiedata = document.cookie;
 
 if ( cookiedata.indexOf("maindiv=done") < 0 ){
  document.all['pop1'].style.display = "";
 } else {
  document.all['pop1'].style.display = "none";
 }

 function startTime() {
  var time = new Date();
  hours = time.getHours();
  mins = time.getMinutes();
  secs = time.getSeconds();
  closeTime = hours*3600+mins*60+secs;
  Timer();
 }

 function Timer() {
  var time = new Date();
  hours = time.getHours();
  mins = time.getMinutes();
  secs = time.getSeconds();
  curTime = hours*3600+mins*60+secs
  closeTime += 60;
 
  if (curTime >= closeTime) {
   document.all['pop1'].style.display = "none";
  } else {
   window.setTimeout("Timer()",1000);
  }
 }

 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.all.popcheck.checked ) {
   setCookie( "maindiv", "done" , 1 );
  }
 
  document.all['pop1'].style.display = "none";
 }

</script>

여기서부터는 div 스타일입니다.
css파일로 만들어서 사용하시면 파일에 붙여 넣기 하시면 됩니다.

#popup {position:absolute;margin:0;padding:0;left:10px;top:10px;}

#pop1 {float:left;margin:0;padding:0;}
#popContent {position:relative;margin:0;padding:0;width:400px;height:210px;}
#popFooter {position:relative;margin:0;padding:0;width:400px;height:30px;_height:20px;background-color:#f39800;}
#popFooter .popChk {float:left;margin:5px 0 0 10px;padding:0;width:20px;height:30px;_height:20px;}
#popFooter .popTxt {float:left;margin:5px 0 0 1px;padding:5px 0 0 0;_padding:6px 0 0 0;width:150px;height:30px;_height:20px;}
#popFooter .popTxt span {color:#ffffff;}
#popFooter .popClose {float:right;margin:0;padding:10px 0 4px 0;width:60px;height:30px;_height:20px;}
#popFooter .popClose span {color:#ffffff;font-weight:bold;}

출처 : http://on1456.tistory.com/tag/%EC%98%A4%EB%8A%98%ED%95%98%EB%A3%A8%EC%95%88%EB%B3%B4%EA%B8%B0