图片延迟加载

来源：互联网发布：汇航亿胜网络推手公司编辑：程序博客网时间：2024/05/18 00:14

$(function(){ var $winH = $(window).height();//获取窗口高度 var $img = $("#show img"); var $imgH = parseInt($img.height()/2);//图片到一半的时候显示 var $srcDef = "a.gif"; runing();//页面刚载入时判断要显示的图片 //**************************************** $(window).scroll(function(){  runing();//滚动刷新 }) //**************************************** function runing(){  $img.each(function(i){//遍历img   var $src = $img.eq(i).attr("original");//获取当前img URL地址   var $scroTop = $img.eq(i).offset();//获取图片位置   if($scroTop.top + $imgH >= $(window).scrollTop() && $(window).scrollTop() + $winH >= $scroTop.top + $imgH){//判断窗口至上往下的位置    if($img.eq(i).attr("src") == $srcDef){     $img.eq(i).hide();    }    $img.eq(i).attr("src",function(){return $src}).fadeIn(300);//元素属性的交换   }  }) }})

页面延迟加载代码，加载当前屏幕信息
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>