<html>
<head>
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script
language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if
(event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return
false
}
}
function drags(){
if (!document.all)
return
if
(event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new
Function("dragapproved=false")
//-->
</script>
</head>
<body>
<b>미리보기
:</b> 이미지를 드래그해보세요 <br>
<img src="image7.gif"
class="drag"><br>
</body>
</html>
출처 : ▶ 一人を ために◀
글쓴이 : 앙알앙알 원글보기
메모 :
'IT_Programming > JavaScript' 카테고리의 다른 글
| [스크랩] 텍스트박스에 숫자 및 콜론 입력 가능하게하는 이벤트 핸들러 함수 (0) | 2006.10.16 |
|---|---|
| [Tip] DIV를 이용하여 페이지의 특정 부분만 인쇄하는 방법 (0) | 2006.08.28 |
| [스크랩] 스크롤바 추가하기 (0) | 2006.06.02 |
| 자바스크립트 오류(document.all) - 개체가 없습니다 (0) | 2006.05.24 |
| iframe에서 문서 크기를 자동으로 조절하는 자바스크립트 (0) | 2006.05.22 |