最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js利用Image()对象实现图片预加载
时间：2013-03-29 编辑：简简单单 来源：一聚教程网
为了能更快的对此文件进行预装载，我们简单的创建了一个名为heavyImage的新Image() 对象，然后将其通过onLoad()事件句柄同步装载到页面上。
| 代码如下 | 复制代码 |
|
javascript:preloader()">  |
|
注意，图片的标签（tag）本身并不处理onMouseOver()以及onMouseOut()事件，这也正是上面示例中的标签被包括在标签中的原因。标签则包括了对这些事件类型的支持。
通过数组（arrays）装载多个图片
在实际情况中，你很有可能需要预装载不止一张的图片；比如，对于包括多个图片的菜单条，或者希望实现平滑的动画效果。要实现这些并不困难，只需要利用JavaScript的数组，如下例所示：
| 代码如下 | 复制代码 |
在上面的例子中，定义了变量i以及名为imageObj的Image()对象。然后定义了新数组images[]，每一个数组元素将存储需要预装载图片的地址来源
相关文章
- 图片延时加载的js代码 04-22
- js图片批量加载效果代码 10-31
- js图片加载效果代码 09-28
- js 图片加载效果 09-28
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31