JS实现了鼠标移动并具有特殊效果

电脑杂谈  发布时间:2020-08-11 04:10:02  来源:网络整理

鼠标跟随特效如何安装_鼠标跟随特效_鼠标跟随特效如何安装

要实现的效果是,当鼠标移动时,一些小的特殊效果会跟随鼠标的尾巴:

鼠标跟随特效如何安装_鼠标跟随特效如何安装_鼠标跟随特效

这是鼠标移动时的特效,

实际上,原理是遍历所有小div正方形,然后每个小正方形跟随其自身前面的小正方形,

鼠标跟随特效如何安装_鼠标跟随特效_鼠标跟随特效如何安装

第一个小方块跟随鼠标. 鼠标移动时,会出现这种效果.

css代码: 设置小方块的样式,请记住位置是绝对定位

鼠标跟随特效如何安装_鼠标跟随特效如何安装_鼠标跟随特效

div{
	width: 20px;
	height: 20px;
	background: red;
	position: absolute
}

html代码:

鼠标跟随特效如何安装_鼠标跟随特效_鼠标跟随特效如何安装

js代码:

这个想法是首先将跟随鼠标的行为封装到一个方法中. 遍历所有小方块时,请调用该方法.


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/bofangqi/article-296424-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      • 单鑫亮
        单鑫亮

        笑死我了冲着那个狮子我要更新

      • 邹毅
        邹毅

        中国的实体经济说到底就是你马云搞垮的

      热点图片
      拼命载入中...