网页图片预加载用js实现

来源:互联网 发布:二手车交易数据下载 编辑:程序博客网 时间:2024/05/15 02:09

在设计网页时,经常会用到背景,比如菜单的背景,当鼠标滑过时,会更换背景,这时如果背景没有预先载入会没有效果或是背景变为其它(这是因为当网页加载完成后,没有用到这个背景图片,于是浏览器便没有在开始时加载,但如果鼠标滑过时,用到这个图片,浏览器便会发出请求,从服务器下载这个图片),影响美观,于是网页图片预加载就显得尤为重要,下面是我从网上找到的一段预加载图片JS代码,很不错,分享一下。

<script>

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("secondimage.gif","thirdimage.gif")
</script>