当前位置:Gxlcms > JavaScript > js预加载图片方法汇总_javascript技巧

js预加载图片方法汇总_javascript技巧

时间:2021-07-01 10:21:17 帮助过:2人阅读

本文实例汇总了js预加载图片方法。分享给大家供大家参考。具体分析如下:

1. 纯CSS:

#preload-01 {
background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px;
}
#preload-02 {
background: url(http://domain.tld/image-02.png) no-repeat -9999px -9999px;
}
#preload-03 {
background: url(http://domain.tld/image-03.png) no-repeat -9999px -9999px;
}

2. JS+CSS优化:

3. JS代码1:

4. JS代码2:

5. JS代码优化2:

6. Ajax代码1:

7. Ajax代码2:

希望本文所述对大家的javascript程序设计有所帮助。

人气教程排行