حركت دادن عكس با ماوس

با اين كد مي توانيد به بعضي از عكس ها اين قابليت را بيفزاييد كه بتوان آنها را با ماوس حركت داد.

نمونه : بر روي عكس زير كليك چپ كرده ونگاه داريد سپس ماوس را حركت دهيد.

مرحله 1 : كد مقابل را در تگ 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>

 

قسمت مقابل را به تگ <img> عكس هايي كه مي خواهيد چنين جلوه اي را داشته باشند وارد كنيد.

class="drag"

مانند :<"img src="easyweb.gif" width="100" height="117" class="drag>