프리카운터넷

프로그래밍&개발

기존 공부방

이미지들을 드래그 & 드롭 해보세요. 그리고 이미지가 여러개더라도 간단히 작동합니다


	[소스] <script language="JavaScript"> <!-- // 간단 드래그 & 드롭 var posL var posT function img_set(str){ posL = event.x - str.style.posLeft posT = event.y - str.style.posTop } function img_move(str){ str.style.posLeft = event.x - posL str.style.posTop = event.y - posT } //--> </script> <table border="0" cellpadding="0" cellspacing="0" width="50%"> <tr> <td height="400" align="center" valign="top"> <span style="position:relative"> <img style="cursor:move;position:absolute" src="share3.jpg" width="400" height="300" onmousedown="img_set(this)" ondragstart="img_move(this);return false"> <img style="cursor:move;position:absolute" src="ex_03.gif" width="350" height="250" onmousedown="img_set(this)" ondragstart="img_move(this);return false"> <img style="cursor:move;position:absolute" src="ham.gif" width="60" height="70" onmousedown="img_set(this)" ondragstart="img_move(this);return false"> <img style="cursor:move;position:absolute" src="point_1000.gif" width="25" height="25" onmousedown="img_set(this)" ondragstart="img_move(this);return false"> <img style="cursor:move;position:absolute" src="spider03.gif" width="50" height="103" onmousedown="img_set(this)" ondragstart="img_move(this);return false"> </span> </td> </tr> </table>