鼠标移动图片的示例代码

最新推荐文章于 2022-07-15 19:42:20 发布

happmaoo

最新推荐文章于 2022-07-15 19:42:20 发布

阅读量110

点赞数

文章标签： EXT QQ PHP

博客展示了两段代码，一段包含QQ相关的图片链接，另一段包含PHP文件链接，同时还有JavaScript代码实现元素的拖动效果，如鼠标按下、移动和松开时的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：
<img src="http://wpa.qq.com/pa?p=1:25941:13" onmousedown=one() onmousemove=two() onmouseup=end()><p> <img src="http://www.nhacks.com/email/email.php?mail_e=HRF6emJKXwY%3D&iv=W4Eu5LY%3D&domain=R01haWw%3D&ext=0" onmousedown=one() onmousemove=two() onmouseup=end()><p> Test Test... <script> var oldx=0,oldy=0,oldobj=null function one(){ oldobj=event.srcElement oldx=event.x-oldobj.offsetLeft;oldy=event.y-oldobj.offsetTop; oldobj.style.position="absolute" oldobj.setCapture() } function two(){ if(oldobj==null)return false oldobj.style.left=event.x-oldx oldobj.style.top=event.y-oldy } function end(){ oldobj=null;document.releaseCapture(); } //work:muyuanhua </script>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]