<!doctype Html>"Utf-8"><meta name="author"Content="Smart Club-zhinengshe.com"><meta name="Copyright"Content="Smart Club-zhinengshe.com"><title> Smart Club-www.zhinengshe.com</title><style>* {margin:0; Padding0; } Li {float: Left; width:310px; height:310px; border:1px solid red; list-style:none; margin:5px;}</style><script>window.onload=window.onresize=window.onscroll=function () {varAimg=document.getelementsbytagname ('img'); varScrolltop=document.documentelement.scrolltop | |Document.body.scrollTop; varScrollbottom=document.documentelement.clientheight+scrolltop;//but area height + scrolling height for(varI=0; i<aimg.length; i++) { vartop=GetPos (Aimg[i]). Top; if(top<Scrollbottom) { //the picture is within the visible areaAimg[i].src=aimg[i].getattribute ('_src'); }}};function GetPos (obj) {varL=0; vart=0; while(obj) {L+=Obj.offseleft; T+=Obj.offsettop; Obj=obj.offseparent; } return{left:l,top:t};}</script>"images/m1.jpg"/></li> <li>"images/m2.jpg"/></li> <li>"images/m3.jpg"/></li> <li>"images/m4.jpg"/></li> <li>"images/m5.jpg"/></li> <li>"images/m6.jpg"/></li> <li>"images/m7.jpg"/></li> <li>"images/m8.jpg"/></li> <li>"images/m9.jpg"/></li> <li>"images/m10.jpg"/></li> </ul></body>JS Image Delay Loading