预加载页面图片的简单方案


<!-- optional: image cacheing. Any images contained in this div will be loaded offscreen, and thus cached -->
    
<style type="text/css">
/* Caching CSS created with the help of;Klaus Hartl <klaus.hartl@stilbuero.de> */
@media projection, screen 
{
     div.imgCache { position
: absolute; left: -8000px; top: -8000px; }
     div.imgCache img 
{ display:block; }
}

@media print 
{ div.imgCache { display: none; } }

</style>

<div class="imgCache">
    
<img src="inc/busy.gif" />
    
<img src="dialog/close.gif" />
    
<img src="dialog/sprite.gif" />
    
<img src="dialog/close_sprite.gif" />
    
<img src="dialog/bl.gif" />
    
<img src="dialog/br.gif" />
    
<img src="dialog/bc.gif" />
    
<img src="notice/note_icon.png" />
    
<img src="notice/close_icon.png" />
</div>


 

posted @ 2010-09-05 20:51  xwing  阅读(459)  评论(0编辑  收藏  举报