要使 css 中的背景图片在页面加载时全部下载完成,可以使用CSS实现。示例代码如下:
#preloader {background-image: url(image1.jpg)
background-image: url(image2.jpg)
background-image: url(image3.jpg)
width: 0px
height: 0px
display: inline
}
这个概念就是写一个CSS样式设置一批背景图片,然后将其隐藏,这样你就看不到那些图片了。那些背景图片就是你想预载的图片。
//①首先要获得该元素背景图片的URL;//②NEW一个图片对象
var bgimg = new Image()
//③给这个图片对象加上onload事件
bgimg.src = '该元素背景图片的URL'
bgimg.onload = function () {
//图片对象加载完成,对应的该元素背景图片也加载完成
}