javascript 也来玩玩图片预加载

　　作者：编程浪子

　　最近玩图片预加载的人好像特别多，我也来一个，个人比较懒，只在IE上调试，大家就当无聊聊玩玩吧

<html> 
<head> 
<title>IE图片预加载类</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Afunction%20LoadImageClass()%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20me%20%3D%20this%3B%20%0D%0A%20%20%20%20var%20a%20%3D%20%5B%5D%3B%20%20%20%20%2F%2F%E5%9B%BE%E7%89%87%E6%95%B0%E7%BB%84%20%0D%0A%20%20%20%20this.Idx%20%3D%200%3B%20%20%20%20%2F%2F%E5%B7%B2%E7%BB%8F%E8%A2%AB%E5%8A%A0%E8%BD%BD%E7%9A%84%E5%9B%BE%E7%89%87%E4%B8%AA%E6%95%B0%20%0D%0A%20%20%20%20this.Num%20%3D%200%3B%20%20%20%20%2F%2F%E5%9B%BE%E7%89%87%E6%80%BB%E6%95%B0%20%0D%0A%0D%0A%20%20%20%20%2F%2F%E4%B8%8B%E8%BD%BD%E5%9B%BE%E7%89%87%20%0D%0A%20%20%20%20this.LoadImages%20%3D%20function(s)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20a%20%3D%20s.split(%22%2C%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.Num%20%3D%20a.length%3B%20%0D%0A%20%20%20%20%20%20%20%20DownImg()%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20function%20DownImg()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20i%3Dnew%20Image()%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20f%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20i.onload%3D%20function()%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(f)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20f%20%3D%20false%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20me.Idx%2B%2B%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(me.LoadIng)%20me.LoadIng()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(me.Idx%3Cme.Num)%20DownImg()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(me.CallBack)%20me.CallBack(a)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20i.src%20%3D%20a%5Bme.Idx%5D%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="counter" style="position:absolute; z-index:98; left:expression(document.body.clientWidth/2-60); top:expression(document.body.clientHeight/2-10); width:120px; height:20px; background:#000000; color:#ffffff;">图片加载中...</div> 
<div id="divPageMask" style="position:absolute; z-index:99; left:0px; top:0px; width:expression(document.body.clientWidth); height:expression(document.body.clientHeight); background:black; filter:alpha(opacity=50);"></div> 
<div id="box"></div>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程