공지창 나오기... 정보
javascript 공지창 나오기...
첨부파일
본문
<html>
<head>
<title>Script </title>
<meta name="Generator" content="EditPlus">
<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->
<style type="text/css">
/*드롭다운 박스 커버에 대한 설정입니다*/
#dropinboxv2cover{
width: 320px; /*가로크기 */
height: 220px; /*높이. 특별히 지정하지 않으려면 삭제해도 무방합니다 */
position:absolute;
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#dropinboxv2{
/*드롭다운 박스에 대한 설정입니다*/
width: 300px; /*가로크기. 전체가로크기-20 정도로 설정합니다*/
height: 200px; /*세로크기. 전체가로크기-20 정도로 설정합니다. 특별히 지정하지 않으려면 삭제해도 무방합니다t*/
border: 2px solid black; /*테두리 설정*/
background-color: silver;
padding: 4px;
position:absolute;
left: 0;
top: 0;
}
</style>
<script type="text/javascript">
var dropboxleft=200 //박스의 가로위치
var dropboxtop=100 //박스의 세로위치
var dropspeed=20 //스피드 (클수록 빨라집니다)
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">
이곳에 원하는 내용을 넣으세요<br>
그누보드 최강<br>
이신디닷컴
<p align="right"><a href="#" onClick="dismissboxv2();return false">박스닫기</a></p>
</div>
</div>
<!----------------- 여기까지 ----------------->
</body>
</html>
<head>
<title>Script </title>
<meta name="Generator" content="EditPlus">
<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->
<style type="text/css">
/*드롭다운 박스 커버에 대한 설정입니다*/
#dropinboxv2cover{
width: 320px; /*가로크기 */
height: 220px; /*높이. 특별히 지정하지 않으려면 삭제해도 무방합니다 */
position:absolute;
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#dropinboxv2{
/*드롭다운 박스에 대한 설정입니다*/
width: 300px; /*가로크기. 전체가로크기-20 정도로 설정합니다*/
height: 200px; /*세로크기. 전체가로크기-20 정도로 설정합니다. 특별히 지정하지 않으려면 삭제해도 무방합니다t*/
border: 2px solid black; /*테두리 설정*/
background-color: silver;
padding: 4px;
position:absolute;
left: 0;
top: 0;
}
</style>
<script type="text/javascript">
var dropboxleft=200 //박스의 가로위치
var dropboxtop=100 //박스의 세로위치
var dropspeed=20 //스피드 (클수록 빨라집니다)
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">
이곳에 원하는 내용을 넣으세요<br>
그누보드 최강<br>
이신디닷컴
<p align="right"><a href="#" onClick="dismissboxv2();return false">박스닫기</a></p>
</div>
</div>
<!----------------- 여기까지 ----------------->
</body>
</html>
추천
0
0
댓글 전체
좋은 팁입니다..........^^
