글 수 109
34
조회 수 : 6650 신고 : 0
미리보기 : |
---|
http://backzzanggu.intelnet.co.kr/study/move.htm<html>
<head>
<title>빽짱구홈 움직이는 알림장</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
<META NAME="Generator" CONTENT="EditPlus">
<style type='text/css'>
body { background-color:#696969; font-family:돋움,돋움체; color: #d5d5d5; font-size: 10pt }
.drag{position:relative;cursor:hand;}
#scontentmain{position:absolute;width:200px;}
#scontentbar{cursor:move;position:absolute;background-color:#c8c8c8;height:15;width:100%;top:0;}
#scontentsub{position:absolute;width:100%;top:15;background-color:#696969;border:1px solid #c8c8c8;}
</style>
<script language="JavaScript">
var dragapproved=false
var zcor,xcor,ycor
function movescontentmain(){
if (event.button==1&&dragapproved){
zcor.style.pixelLeft=tempvar1+event.clientX-xcor
zcor.style.pixelTop=tempvar2+event.clientY-ycor
leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft
toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop
return false
}
}
function dragscontentmain(){
if (!document.all)
return
if (event.srcElement.id=="scontentbar"){
dragapproved=true
zcor=scontentmain
tempvar1=zcor.style.pixelLeft
tempvar2=zcor.style.pixelTop
xcor=event.clientX
ycor=event.clientY
document.onmousemove=movescontentmain
}
}
document.onmousedown=dragscontentmain
document.onmouseup=new Function("dragapproved=false")
</script>
</head>
<body topmargin=50>
<p align=center>
안내창을 움직여 놓으시고 스크롤을 움직여 보세요!
<div id="scontentmain">
<div id="scontentbar" ><font style="font-size:10pt;color:#696969" onClick="onoffdisplay()" style="cursor:hand;">『 안내창 줄이기 』</font></div>
<div id="scontentsub">
<table border=0 cellpadding="10" cellspacing="0" width="100%">
<tr>
<td>
<font style="font-size:9pt">
안내창 상단을 누르시고 <br>
아무곳에나 가져다 놓으시고 <br>
스크롤 바를 움직여 보세요 <br>
스크롤이 움직여도 <br>
안내창은 늘 그 자리에... <br>
</font>
</td>
</tr>
</table>
</div>
</div>
</div>
<script language="JavaScript">
var w=document.body.clientWidth-550
var h=150
w+=document.body.scrollLeft
h+=document.body.scrollTop
var leftpos=w
var toppos=h
scontentmain.style.left=w
scontentmain.style.top=h
function onoffdisplay(){
if (scontentsub.style.display=='')
scontentsub.style.display='none'
else
scontentsub.style.display=''
}
function staticize(){
w2=document.body.scrollLeft+leftpos
h2=document.body.scrollTop+toppos
scontentmain.style.left=w2
scontentmain.style.top=h2
}
window.onscroll=staticize
</script>
<script language="JavaScript">
function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}
</script>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
</body>
미리보기 ==> http://backzzanggu.intelnet.co.kr/study/move.htm
출처: 술도넷
</html>
<head>
<title>빽짱구홈 움직이는 알림장</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
<META NAME="Generator" CONTENT="EditPlus">
<style type='text/css'>
body { background-color:#696969; font-family:돋움,돋움체; color: #d5d5d5; font-size: 10pt }
.drag{position:relative;cursor:hand;}
#scontentmain{position:absolute;width:200px;}
#scontentbar{cursor:move;position:absolute;background-color:#c8c8c8;height:15;width:100%;top:0;}
#scontentsub{position:absolute;width:100%;top:15;background-color:#696969;border:1px solid #c8c8c8;}
</style>
<script language="JavaScript">
var dragapproved=false
var zcor,xcor,ycor
function movescontentmain(){
if (event.button==1&&dragapproved){
zcor.style.pixelLeft=tempvar1+event.clientX-xcor
zcor.style.pixelTop=tempvar2+event.clientY-ycor
leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft
toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop
return false
}
}
function dragscontentmain(){
if (!document.all)
return
if (event.srcElement.id=="scontentbar"){
dragapproved=true
zcor=scontentmain
tempvar1=zcor.style.pixelLeft
tempvar2=zcor.style.pixelTop
xcor=event.clientX
ycor=event.clientY
document.onmousemove=movescontentmain
}
}
document.onmousedown=dragscontentmain
document.onmouseup=new Function("dragapproved=false")
</script>
</head>
<body topmargin=50>
<p align=center>
안내창을 움직여 놓으시고 스크롤을 움직여 보세요!
<div id="scontentmain">
<div id="scontentbar" ><font style="font-size:10pt;color:#696969" onClick="onoffdisplay()" style="cursor:hand;">『 안내창 줄이기 』</font></div>
<div id="scontentsub">
<table border=0 cellpadding="10" cellspacing="0" width="100%">
<tr>
<td>
<font style="font-size:9pt">
안내창 상단을 누르시고 <br>
아무곳에나 가져다 놓으시고 <br>
스크롤 바를 움직여 보세요 <br>
스크롤이 움직여도 <br>
안내창은 늘 그 자리에... <br>
</font>
</td>
</tr>
</table>
</div>
</div>
</div>
<script language="JavaScript">
var w=document.body.clientWidth-550
var h=150
w+=document.body.scrollLeft
h+=document.body.scrollTop
var leftpos=w
var toppos=h
scontentmain.style.left=w
scontentmain.style.top=h
function onoffdisplay(){
if (scontentsub.style.display=='')
scontentsub.style.display='none'
else
scontentsub.style.display=''
}
function staticize(){
w2=document.body.scrollLeft+leftpos
h2=document.body.scrollTop+toppos
scontentmain.style.left=w2
scontentmain.style.top=h2
}
window.onscroll=staticize
</script>
<script language="JavaScript">
function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}
</script>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
</body>
미리보기 ==> http://backzzanggu.intelnet.co.kr/study/move.htm
출처: 술도넷
</html>
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!