// javascript document

 
$(function () {
			
			//大块  单个
			$('.dong1').waypoint(function() {
				$('.dong1').addclass('wow animated  fadeindown')
					}, {
						offset: '90%'
					}
			);

			$('.dong2').waypoint(function() {
				$('.dong2').addclass('wow animated  fadeinleft')
					}, {
						offset: '90%'
					}
			);
			$('.dong3').waypoint(function() {
				$('.dong3').addclass('wow animated  fadeinright')
					}, {
						offset: '90%'
					}
			);

			$('.dong4').waypoint(function() {
				$('.dong4').addclass('wow animated  fadeindown')
					}, {
						offset: '90%'
					}
			);


			
			//循环							
			
			$(function () {
			
				$('.dd1').css({
					'animation-delay': function() {
						return $(this).index() * 0.3 + 's'
					},
					'-webkit-animation-delay': function() {
						return $(this).index() * 0.3 + 's'
					}
				});
	           $('.dd1').waypoint(function() {
							$('.dd1').addclass('wow animated  fadeinright')
						}, {
							offset: '90%'
						});
						
			}); 

			
			$(function () {
			
				$('.dd4').css({
					'animation-delay': function() {
						return $(this).index() * 0.3 + 's'
					},
					'-webkit-animation-delay': function() {
						return $(this).index() * 0.3 + 's'
					}
				});
	           $('.dd4').waypoint(function() {
							$('.dd4').addclass('wow animated  fadeinright')
						}, {
							offset: '90%'
						});
						
			}); 
			


});