图片跟随鼠标的移动而移动，当点击鼠标的时候，图片就固定在那里

最新推荐文章于 2024-07-12 16:27:40 发布

lzefforts

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量610

点赞数

分类专栏： Before 2015.6.15 文章标签： javascript c/c++ ViewUI

Before 2015.6.15 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<html>
<head>
       <script type="text/javascript">
       var flag=0;//0表示图片移动，1表示点击后图片不移动
       function doit(){
	if(flag==0){
	   var obj = document.getElementById("tampon");
	   obj.style.left = event.x-20;
	   obj.style.top = event.y-20;
         }
       }
       window.onload=function(){
	 document.body.onmousemove = doit;    
       }
       document.onclick = mouseClick;
       function mouseClick(e){
	  flag=1;
	  var x,y;
	  if(!document.all){
		x=e.pageX;
		y=e.pageY;
	  }else{
		x=document.body.scrollLeft+event.clientX;
		y=document.body.scrollTop+event.clientY;
	  }

        }
       </script>
</head>
<body style="cursor:none;">
	<img id="tampon" style="position:absolute;z-index:10;" src="censored.png"/>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lzefforts

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
图片跟随鼠标的移动而移动，当点击鼠标的时候，图片就固定在那里

[code="java"] var flag=0;//0表示图片移动，1表示点击后图片不移动 function doit(){ if(flag==0){ var obj = document.getElementById("tampon"); obj.style.left = event.x-20; obj.s...
复制链接

扫一扫