<head>
<style type="text/css">
#dropinboxv2cover{
width: 320px; /*레이어 가로넓이*/
height: 220px; /*레이어 세로길이*/
position:absolute;
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#dropinboxv2{
width: 300px; /*박스 가로넓이. */
height: 200px; /*박스 세로길이*/
border: 1px solid E59B57; /*박스테두리두께*/
background-color: E9ECB5; // 박스색상
padding: 10px;
position:absolute;
left: 0;
top: 0;
}
</style>
<script type="text/javascript">
var dropboxleft=300 //좌측
var dropboxtop=100 //상단
var dropspeed=15 //속도
var displaymode="always"
///아래는 손대지 마세요///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById
function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}
function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}
function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}
</script>
</head>
<body>
<div id="dropinboxv2cover">
<div id="dropinboxv2">
<table width="300" border="0" cellspacing="0" cellpadding="0" height="220">
<tr>
<td valign="top"><br>
tagin.net 공지
</td>
</tr>
<tr>
<td valign="top" align="right"><a href="#" onClick="dismissboxv2();return false">X
창닫기</a></td>
</tr>
</table>
</div>
</div>
'html' 카테고리의 다른 글
| 가운데뜨는 레이어창 (0) | 2017.02.01 |
|---|---|
| a href 링크시 페이지 고정하기 (0) | 2017.02.01 |
| html 가이드 (0) | 2017.02.01 |
| alt, title, longdesc 정의 (0) | 2017.02.01 |
| 높이100% 브라우져 (0) | 2017.02.01 |