jQuery鼠标吸附移动的动画特效插件

jQuery鼠标吸附移动的动画特效插件

这是一款jQuery鼠标吸附动画特效插件。该插件可以在一定范围内,通过鼠标移动,对指定元素产生吸附移动的动画特效。

使用方法
在页面中引入jquery和attractHover.js文件。

1
2
<script src="js/jquery.min.js"></script>
<script src="js/attractHover.js"></script>

HTML结构
然后在页面中使用下面的HTML结构来创建元素。

1
2
3
4
5
<div class="boundary">
  <a href="#" class="example">
    Element
  </a>
</div>

初始化插件
在页面DOM元素加完毕之后,通过下面的方法来初始化插件。

1
$.attractHover('.example');

例如:

1
$.attractHover('.js-attract', { proximity: 10 });

文件信息:

    2

    发表评论