介绍
part.min.js 是一个小型的 JavaScript 库，用于在图像中生成部分。它可以轻松创建一个易于交互的部分，在用户在图像上悬停鼠标或通过点击图像时显示。
安装
在使用 part.min.js 之前，你需要安装并配置 Node.js 和 npm。在终端窗口输入以下命令安装 part.min.js：
npm install part.min.js
示例
下面是一个实现的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------ ------------
------- ----------------------------------------------------
-------
------
---- ------------------- --------------
-------
-------
--------
--- ------- - --- ------
--- ------------
---------- ----
-------- ---
------------ ----
------------ -------- --- ------ -
----------- - - ----- - - -----------
-
---
---------API
new Part(options)
options.el
- 类型:
string - 必选项，选择图片的元素
options.partWidth
- 类型:
number - 默认值:
50 - 图片部分的宽度
options.partNum
- 类型:
number - 默认值:
5 - 图片分为多少部分
options.animateTime
- 类型:
number - 默认值:
100 - 移动的时间，单位是毫秒
options.onPartClick
- 类型:
function - 默认值:
null - 部分点击事件的回调函数，它有两个参数，分别是事件对象和部分的索引。
结尾
本文介绍了使用 npm 包 part.min.js 的方法以及其核心 API。使用 part.min.js 可以轻松地在网页上生成可交互的部分，使用户体验更加流畅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcf967216659e244db3