【文件属性】:
文件名称:magneticHover:magneticHover使您可以在光标靠近元素但不在元素上方时在元素上触发悬停效果
文件大小:82KB
文件格式:ZIP
更新时间:2021-05-12 21:10:33
JavaScript
磁悬浮
magneticHover使您可以在光标靠近元素但不在元素上方时在元素上触发悬停效果。
例子
安装
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元
【文件预览】:
magneticHover-master
----.eslintrc.json(296B)
----.gitignore(17B)
----.babelrc(97B)
----README.MD(2KB)
----package.json(1KB)
----package-lock.json(296KB)
----src()
--------js()
--------demo()
----webpack.config.js(454B)
----index.js(110B)