视图窗口动画开始

主要是实现当页面拉到当前部分时动画才开始执行
//html 页面代码
<div class="tuiguang">
	<img src="images/tuiguang-logo.jpg" >
	<img src="images/tuiguang-logo1.jpg" >
	<img src="images/tuiguang-logo2.jpg" >
	<img src="images/tuiguang-logo3.jpg" >
</div>
<script>
	 $(function(){
	  var t1 = $(".tuiguang").offset().top;//当前div距页面顶部的距离
	  $(window).scroll(function(){//滚动条移动事件
	  var top = $(document).scrollTop();//滚动条距页面顶部的距离
	  if(top >= t1-400){
	  $(".tuiguang img:nth-child(2)").addClass("on");
	  $(".tuiguang img:nth-child(3)").addClass("on");
	             $(".tuiguang img:nth-child(4)").addClass("on");
	          }
	               
	      });
	  });
</script>
// css 部分代码