在一个页面打开之前，把某些比较重要一点的图片用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>前面，就可以先加载图片。