简介
premium.min.js 是一个基于 jQuery 的插件，用于为网站添加高级特效功能。它包含多种预设效果，可以轻松实现鼠标悬停、点击和页面滚动等动画效果。此插件的优点在于易于使用、可定制化和足够轻巧。并且全面支持移动设备。
安装
要安装 premium.min.js，首先需要安装 Node.js 环境和 npm 包管理工具。在命令行中输入以下代码进行安装：
npm install premium.min.js
如果已经在项目中使用了 jQuery，则 npm install 命令可以省略。
使用
在网站页面中引入 jQuery 和 premium.min.js 文件：
<head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="../node_modules/premium.min.js/dist/premium.min.js"></script> </head>
将需要添加动画效果的元素添加类名 p-animate，然后根据需要添加不同的效果类名。
<div class="p-animate p-animate-fadeIn">这个元素将会淡入显示。</div>
p-animate 类是必须的，用于标识应该添加动画效果的元素。p-animate-[effect] 是用于指定动画效果的类名，支持多种效果。例如：
p-animate-zoomIn：放大动画；p-animate-bounce：弹跳动画；p-animate-flipInX：垂直翻转动画；
完整的动画效果类名可在官方文档中找到。
自定义
要自定义动画效果，可以使用 jQuery 提供的 .animate() 方法。以下示例演示如何使用 .animate() 实现一个淡入淡出动画效果：
-- -------------------- ---- -------
------------------------------------- ---
------------------ ------ -------- ---------- -
--- --------- - ----------------------
--- ------------ - --------- - -------------------
-------------------------------------- -
--- --------- - ---------------------
--- ------------ - --------- - ----------------------
--- ------- - ------------------------
-- ------------- - --------- -- --------- - ------------- -
------------------------------------ --------- -----
- ---- -
------------------------- --- -----
-
---
---在代码中，.p-animate-custom 是需要添加动画效果的元素。给元素添加 data-percent 属性可以动态设置透明度百分比。
结语
premium.min.js 是一个高效、易用、灵活的动画效果插件。通过本文的介绍，您可以轻松使用它，并根据需要进行自定义。感谢您的阅读，希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244ac5