文件名称:magnetic-hover:磁性悬停允许您在光标靠近元素时触发元素上的悬停效果,但尚未超过它
文件大小:86KB
文件格式:ZIP
更新时间:2024-08-23 21:05:39
js effects promo JavaScript
磁悬浮 磁性悬停允许您在光标靠近元素时触发元素上的悬停效果,但还没有超过它。 例子 安装 npm install --save magnetic-hover 用法 import MagneticHover from "../js/magneticHover"; // find target element const elem = document.getElementById("box"); new MagneticHover({ element: elem, radius: 122, callback: (distance) => { // get the distance from the cursor to the target element console.log(distance); }, }); 设置 元素 - DOM 元素 rad
【文件预览】:
magnetic-hover-master
----README.MD(2KB)
----.babelrc(97B)
----index.js(110B)
----package.json(1KB)
----.eslintrc.json(296B)
----package-lock.json(312KB)
----src()
--------js()
--------demo()
----.gitignore(17B)
----webpack.config.js(454B)