글 수 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개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
![BEST](/modules/board/skins/xe_webmini/img/common/icon_bestreply.gif)
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
![](/modules/board/skins/xe_webmini/img/pc_emot_co.gif)
첫번째 댓글을 남겨주세요!