图片特效-延迟加载图片

————————————————————

<script type="text/javascript">        
            function init(){    
                setTimeout('checkHeight()',100);
            }
            function checkHeight(){
                var pic = document.getElementById('pic');
                var sTop = document.documentElement.scrollTop;
                var cHeight = document.documentElement.clientHeight;
                var top = pic.offsetTop;
                if(sTop + cHeight < top){
                    setTimeout('checkHeight()',100);
                }else{
                    pic.src = pic.attributes['lazy_src'].value;
                }
            }
 </script>

——————————————————————

<body style="text-align:center" onload="init()">
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <img lazy_src="1.jpg" src="" width="150" height="100" id="pic"/>
    </body>

————————————————————————

posted @ 2016-09-29 16:38  承载梦想-韩旭明  阅读(190)  评论(0)  编辑  收藏  举报