前言
今天用js实现一个小功能,div块随鼠标移动而跟随移动,并且每个div块都随机颜色
效果如下
一、思路
首先要创建一个静态页面,以及大量的div块,由于需要鼠标移动时每个div块在不同时间间隔后跟随移动,所以要将块设置绝对定位,使其重叠,静态页面完成后获取元素,对整个页面添加鼠标移入事件,创建一个定时器,最开始时div块隐藏,移入时显示,div块的位置是由鼠标的位置减去图片宽度或者高度的一半,这样就可以实现鼠标在图片正中间,并用随机数的方式随机颜色
二、详细代码
1.静态代码
代码如下(示例):
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>