JS控制图片延时加载
发布网友
发布时间：2022-04-22 04:53
共2个回答
热心网友
时间：2022-04-20 14:51
<body>
<table>
<%for m=0 to 9%>
<tr>
<%for i=0 to 9%>
<td id="img<%=m*10+i%>" width="120">准备加载,请稍等</td>
<%next%>
<tr>
<%next%>
</table>
<script>
var timer,m=0;
function showImg(){
for(var i=0;i<=9;i++){
document.getElementById("img"+(m*10+i)).innerHTML="<img src='images/load.gif'>";
}
m++;
if(m<10){timer=window.setTimeout("showImg()",2000);}
else{window.clearTimeout(timer); alert("全部显示结束")}
}
showImg();
</script>
</body>
热心网友
时间：2022-04-20 16:09
这里有一个lazyload即延迟加载效果
拖动滚动条可以加载显示的数据
里面有教程和源码
参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?1=u&id=111
