其他代码
jQuery鼠标吸附动画特效插件
PetitQ
这是一款 jQuery 鼠标吸附动画特效插件。该插件可以在一定范围内，通过鼠标移动，对指定元素产生吸附移动的动画特效。
使用方法:
在页面中引入 jquery 和 attractHover.js 文件。
也想出现在这里？联系我们吧
<script src="js/jquery.min.js"></script>
<script src="js/attractHover.js"></script>
HTML 结构:
然后在页面中使用下面的 HTML 结构来创建元素。
<div class="boundary">
<a href="#" class="example">
Element
</a>
</div>
初始化插件:
在页面 DOM 元素加完毕之后，通过下面的方法来初始化插件。
$.attractHover('.example');
配置参数:
jQuery 鼠标吸附动画特效插件的可用配置参数有：
| 参数 | 类型 | 默认值 | 描述 |
| proximity | integer | 30 | 元素的交互范围 |
| magnetism | integer | 3 | 定义元素可以移动多远的距离 |
| attractClass | string | attract-hover | 被吸附元素动态添加的 class 类 |
| attractEasingClass | string | attract-hover-easing | 被吸附元素移动时动态添加的 class 类 |
| attractAttractedClass | string | attract-hover-attracted | 元素被吸附时添加的 class 类 |
例如：
$.attractHover('.js-attract', { proximity: 10 });
jQuery 鼠标吸附动画特效插件的 github 地址为：https://github.com/bymayo/jquery-attract-hover
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
