用js实现鼠标的小尾巴

最新推荐文章于 2023-12-05 17:02:26 发布

unicorngd

最新推荐文章于 2023-12-05 17:02:26 发布

阅读量1.2k

点赞数 2

本文链接：https://blog.csdn.net/weixin_45725020/article/details/103463209

版权

本文将介绍如何使用JavaScript实现一种有趣的交互效果——鼠标移动时显示跟随的‘小尾巴’，为网页增添动态趣味性。

摘要由CSDN通过智能技术生成

实现效果就大概下面的图上的感觉了
在这里插入图片描述

//css设置样式，设置定位，让其能够移动起来
<style>
	html,body{
   
		width: 100%;
		height: 100%;
	}
	*{
   
		margin: 0;
		padding: 0;
	}
	#big{
   
			width: 100%;
			height: 100%;
			position: relative;
	}
	.small{
   
			position: abs