请教各位高手
我的项目里有200多个模块,每个模块都是动态加载一个图片,每次打开时都能看到一个一个图片的加载,这样让人觉得很不舒服,我想用一个加载条,在加载图片的时候,让用户看不到加载图片的过程,只看到加载条,直至图片加载完以后,这个加载条加载完成,也自动消失,看到的是加载好的模块.
我现在没有好的想法,请各位帮个忙,感谢!非常感谢!
[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等 动态控制了
