用鼠标移动图片的JS脚本

来源：互联网发布：税务师网络课程编辑：程序博客网时间：2024/06/10 15:04
<HTML>
 <HEAD>
  <script language="javascript">
     //在页面内移动html标签
     function Move()
     {
        if(window.event.button!=1){
            return;
        }
        var width,height
        width = window.event.srcElement.width
        height = window.event.srcElement.height
        windowwindow.event.srcElement.style.pixelLeft=window.event.x-width/2
        windowwindow.event.srcElement.style.pixelTop=window.event.y-height/2
        //取消系统拖动事件
        window.event.returnValue=false;
     }
     //在页面内点击鼠标时触发的函数
     function BodyClick()
     {
          alert("鼠标点击的html标签是：" + window.event.srcElement.tagName)
     }
     //在页面内移动鼠标触发的函数
     function MouseMove()
     {
            window.status = '鼠标的坐标：X=' + window.event.clientX + ' Y=' + window.event.y
     }
  </script>
 </HEAD>
 <BODY onclick="" onkeypress="alert(event.keyCode)" 
    onmousemove="MouseMove()">
     <img id="image2" style="position:absolute;top:50px;left:700px;width:236px;height:208px;" src="未命名.jpg" onmouseMove=Move()>
<!--关于此页面的说明--!>
//本页面的javascript代码<br>
//在页面内移动html标签<br>
     function Move()<br>
    {<br>
    if(window.event.button!=1){<br>
            return;<br>
        }<br>
    var width,height<br>
    width = window.event.srcElement.width<br>
    height = window.event.srcElement.height<br>
    windowwindow.event.srcElement.style.pixelLeft=window.event.x-width/2<br>
        windowwindow.event.srcElement.style.pixelTop=window.event.y-height/2<br>
    //取消系统拖动事件<br>
    window.event.returnValue=false;<br>
     }<br>
     //在页面内点击鼠标时触发的函数<br>
     function BodyClick()<br>
     {<br>
        alert("鼠标点击的html标签是：" + window.event.srcElement.tagName)<br>
     }<br>
     //在页面内移动鼠标触发的函数<br>
     function MouseMove()<br>
     {<br>
        window.status = '鼠标的坐标：X=' + window.event.clientX + ' Y=' + window.event.y<br>
     }<br>
 </BODY>
</HTML>