0
点赞
收藏
分享

微信扫一扫

【js练习】月亮跟随鼠标移动事件

杰克逊爱学习 2022-01-17 阅读 61
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>月亮跟随鼠标事件</title>
	</head>
	<body>
		<div id="moon" style="width:70px;height:70px;border-radius: 50%;box-shadow:15px 15px 0 0 lightyellow;position: absolute"></div>
		<script type="text/javascript" async="true">
		    //月亮部分
		    var d=document.getElementById("moon")
		    document.onmousemove=function(e){
		        var x=e.clientX
		        var y=e.clientY
		        console.log(x,y)
		        d.style.left=x+'px'
		        d.style.top=y+'px'
		    }
		</script>
	</body>
</html>

他说在控制台白色背景下看不到淡黄色的月亮,我说要晚上才能看见哦。这就是那个隐喻:如果摧毁黑夜,星星也会因此消失。

<script>标签必须加上 async=“true”,月亮才会跟着我。表示异步加载数据,即AJAX运行时其他代码也可运行。

同步的意思:当JS代码加载到当前AJAX的时候,会把页面里所有的代码停止加载,页面假死。等AJAX执行完才解除假死。
 

举报

相关推荐

0 条评论