<script language="JavaScript">
<!--
var curElement;
function doMouseMove() {
var newleft=0, newTop = 0
if ((event.button==1) && (curElement!=null)) {
newleft=event.clientX-document.all.OuterDiv.offsetLeft-
(curElement.offsetWidth/2)
if (newleft<0) newleft=0
curElement.style.pixelLeft= newleft
newtop=event.clientY -document.all.OuterDiv.offsetTop-
(curElement.offsetHeight/2)
if (newtop<0) newtop=0
curElement.style.pixelTop= newtop
event.returnValue = false
event.cancelBubble = true
}
}
function doDragStart() {
// Don't do default drag operation.
if ("IMG"==event.srcElement.tagName)
event.returnValue=false;
}
function doMouseDown() {
if ((event.button==1) && (event.srcElement.tagName=="IMG")) curElement =
event.srcElement
}
document.ondragstart = doDragStart;
document.onmousedown = doMouseDown;
document.onmousemove = doMouseMove;
document.onmouseup = new Function("curElement=null")
//-->
</script>
<body>
<div id=OuterDiv style="position:relative;width:100%;height:300px">
<img id="Pic1" style="position:relative;top: 100;left: 30;cursor: hand;Z-INDEX: 3;"
src="1.jpg" border=0 alt="something">
</div>copy đoạn này vào notepad