图片延迟加载

 

 

<script type="text/javascript">
　　$(function(){
　　　　$(window).scroll(function(event) {
　　　　　　var ah=$(window).scrollTop();
　　　　　　var ch=$(window).height()
　　　　　　$('.img_box').each(function(){
　　　　　　　　var bh=$(this).offset().top;
　　　　　　　　if(ch+ah-200>bh){
　　　　　　　　var a=$(this).find('img').attr("load_src");
　　　　　　　　$(this).find('img').attr("src",a);
　　　　　　}
　　　　})
　　　});
　　})
</script>

<div class="img_box">
　　<img src="img/load.gif" load_src="img/img1.png">
</div>
<div class="img_box">
　　<img src="img/load.gif" load_src="img/img2.png">
</div>