jQuery页面滚动元素进入视口发生动画特效插件

插件名称：animate.css+jquery.aniview.min.js，基于jq

插件作用：网页元素进入视口，播放预定义的动画

如何使用：

1，引入css

2，引入jq

3，引入js

 

4，可以使用一个

 来作为动画元素的包裹元素。 为该元素设置class为aniview，av-animation用于设置animate.css的动画过渡效果的class名称：

5，在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该插件。

$('.aniview').AniView();

或者在初始化的时候设置一些配置参数：

var options = {
    animateThreshold: 100,
    scrollPollInterval: 50
}
$( '.aniview' ).AniView(options);

 配置参数

参数	类型	描述	默认值
animateThreshold	int	正数值表示元素进入视口指定的像素值之后才会触发动画序列，负数值表示在元素进入视口之前多少像素就触发动画序列	0
scrollPollInterval	int	测试用户滚动的频率。单位毫秒，这是jQuery内置的"scroll"事件的延伸	20

注意：任何在页面加载时就处于视口当中的元素会立刻被触发动画序列。

动画效果：

贴一端完整的项目代码：

	
		
		
		

		
	

	
		
111111111
		
22222222
		
111111111
		
22222222
		
111111111
		
22222222
		
111111111
		
22222222
		
111111111
		
22222222

		
		
		
	

插件下载地址：http://pan.baidu.com/s/1c1SaDwO

参考文章：http://www.htmleaf.com/jQuery/Layout-Interface/201509092547.html