【文件属性】:
文件名称:magnetic-hover:磁性悬停允许您在光标靠近元素时触发元素上的悬停效果,但尚未超过它
文件大小:86KB
文件格式:ZIP
更新时间:2021-08-04 03:18:59
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)