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

<!--  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 >

 

转载于:https://www.cnblogs.com/xwing/archive/2010/09/05/1818615.html