[CODE]<HTML> <Body OnLoad="StartShow(1,4);"><!----> <Script Language="JavaScript"> function LoadWait(waitBlock,mainBlock) { waitBlock.style.display="none"; mainBlock.style.display="block"; } function StartShow(startID,IDcount) { var loadBlockNamePreFix = "wait_"; var mainBlockNamePreFix = "photo_"; if(startID <= IDcount) { LoadWait(eval(loadBlockNamePreFix + startID),eval(mainBlockNamePreFix + startID)); StartShow(startID+1,IDcount); } } </script> <table> <tr> <td> <table id="table1"> <tr id="wait_1" style="display:block;"> <td width="80" height="90">Loading...</td> </tr> <tr id="photo_1" style="display:none;"> <td><img src="http://www.bc-cn.net/bbs/Images/userface/image1.gif" width="80" height="90" border="0" alt=""></td> </tr> </table> </td> <td> <table id="table2"> <tr id="wait_2" style="display:block;"> <td width="80" height="90">Loading...</td> </tr> <tr id="photo_2" style="display:none;"> <td><img src="http://www.bc-cn.net/bbs/Images/userface/image2.gif" width="80" height="90" border="0" alt=""></td> </tr> </table> </td> </tr> <tr> <td> <table id="table3"> <tr id="wait_3" style="display:block;"> <td width="80" height="90">Loading...</td> </tr> <tr id="photo_3" style="display:none;"> <td><img src="http://www.bc-cn.net/bbs/Images/userface/image3.gif" width="80" height="90" border="0" alt=""></td> </tr> </table> </td> <td> <table id="table4"> <tr id="wait_4" style="display:block;"> <td width="80" height="90">Loading...</td> </tr> <tr id="photo_4" style="display:none;"> <td><img src="http://www.bc-cn.net/bbs/Images/userface/image4.gif" width="80" height="90" border="0" alt=""></td> </tr> </table> </td> </tr> </table> </Body> </HTML>[/CODE]
以上代码演示了load等待效果, 图片顺序load, 现写的,希望有所帮助,至于进度实在无能为力 至于数量当然可以通过ASP/PHP/JSP等 动态控制了