永发信息网

怎么实现当鼠标进行mousePress,mouseDrage,mouseClick操作时,将显示一个图片。当鼠标拖拉时,图片随鼠标移动。

答案:1  悬赏:10  手机版
解决时间 2021-07-24 20:44
  • 提问者网友:精神病院里
  • 2021-07-24 13:33

怎么实现当鼠标进行mousePress,mouseDrage,mouseClick操作时,将显示一个图片。当鼠标拖拉时,图片随鼠标移动。

先谢谢了。

最佳答案
  • 五星知识达人网友:迟山
  • 2021-07-24 14:12

在这些事件里面调用js方法,将图片加到div里面或者是将div显示


举个例子


<input type="button" value="显示图片" onclick="showImg()"/><div id="img"></div>


<script language="javascript">


fucntion showImg(){


document.getElementById("img").innerHTML="<img src='D:/images/test.jpg'/>";


}


移动就是把鼠标的坐标给图片所在的div


document.getElementById("img").style.left=event.clientX;
document.getElementById("img").style.top=event.clientY;



</script>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯