<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中,然后在需要加图片或文字是这样调用 <img src="images/smile.gif" class="drag" > <font face="Arial Black" class="drag" >文字</font> 请看下边的本站logo的效果,鼠标可以移动这个图片!
【笃志小屋duzhi.net】