<script language=javascript>
var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];
// 第一个是路径，后面的名称，比如 ["talk/",129,130,501,502,503] ，就是talk/ 目录下的129.gif,130.gif ...... 如果是字符串，就要加引号
function LoadGif()
{
document.body.insertAdjacentHTML("beforeEnd",'<div id="load" style="display=none"></div>');
Loading(0,1);
}
function Gif_Err()
{
alert("载入失败！")
}
function Gif_End()
{
alert("载入完成！")
document.write('<img src='+Gif[0][0]+Gif[0][1]+'.gif>')
}
function Loading(a,b)
{
if (!Gif[a][b]) { a++; b=1; }
if (a==Gif.length) {Gif_End(); return; }
document.getElementById("load").innerHTML='<img src="'+Gif[a][0]+Gif[a][b++]+'.gif" onload="Loading('+a+','+b+')" onerror="Gif_Err()">'
}
</script>
<body onload=LoadGif()>
上面的是单线程的
再发个一次性+loading的
<script language=javascript>
var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];
var Loader=0,Gifs=0;
function Gif_Err()
{
alert("载入失败！")
}
function Gif_End()
{
alert("载入完成！")
}
function LoadGif()
{
document.body.insertAdjacentHTML("beforeEnd",'<div id="load"><div id="loading"></div><div id="loadGif" style="display:none"></div></div>');
for (var i=0; i<Gif.length; i++)
{
Gifs+=Gif[i].length-1;
//Gif[i]='<img src="'+Gif[i][0]+Gif[i].join('.gif" ><img src="'+Gif[i].shift())+'.gif" >'
Gif[i]='<img src="'+Gif[i][0]+Gif[i].join('.gif" onload="Loading()" onerror="Gif_Err()"><img src="'+Gif[i].shift())+'.gif" onload="Loading()" onerror="Gif_Err()">'
}
document.getElementById("loadGif").innerHTML=Gif.join("");
}
function Loading()
{
document.getElementById("loading").innerHTML=Math.round(++Loader/Gifs*100)+" %"
if (Loader==Gifs)
{
document.getElementById("load").innerHTML="";
Gif_End();
}
}
</script>
<body onload=LoadGif()>
减小字体
增大字体