一段图片预加载的代码

在一个页面打开之前，把某些比较重要一点的图片用JS先加载，可以使用户在打开网站的过程中不用等着图片一个一个的加载，有时某个图片加载的队列比较靠后，会造成页面刚开始缺胳膊少腿，影响美观。当然也不能预加载太多图片，不然页面最开始响应时间就太长了。

function MM_preloadImages() {
 var d=document;
 if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
 for(i=0; i<a.length; i++)
 if (a[i].indexOf("#")!=0){
  d.MM_p[j]=new Image;
  d.MM_p[j++].src=a[i];
  }
 }
}
MM_preloadImages("/images/banner.jpg","/images/nav.jpg");

把这一段JS代码放在<body>前面，就可以先加载图片。