我的柜子好像动了，这是不是鼠标跟踪事件引起的？

本文共计2427个文字，预计阅读时间需要10分钟。

目录 + 鼠标跟踪事件测试 + 代码分析 + 盒子跟随鼠标各自动起来 + 整体实现步骤 + 源码 + 鼠标跟踪事件测试 + 不知你是否知道这个功能。稍等一下，我的菜单一动起来了。或者换一个内容，这个截图头部怎么样？

目录

• 鼠标跟踪事件测试
• 代码分析
• 盒子跟着鼠标各自转起来
• 具体实现步骤
• 源码

鼠标跟踪事件测试

不知道你们知不知道这个梗。等一下，我的柜子好像动了。或者换个内容，这个摄像头Moses好像一直在看着我们！

代码分析

首先整个页面采用了grid布局，可以看到我们这里有7*7 49个小东西，这种布局怎么最快实现呢？最简单的方法肯定就是网格布局Grid了！

我们设置了一个容器，采取网格布局，7行7列，然后每个格子的大小和间距，格子利用给边框加粗快捷的实现一种美观的效果。当然大家也可以自己再次利用布局，设置盒子。