25、JavaScript图形与动画应用全解析

JavaScript图形与动画应用全解析

1. 引言

在网页开发中，JavaScript不仅可用于处理文本和表单，还能在图形、声音和插件方面发挥强大作用。本文将聚焦于JavaScript在图形处理和动画展示上的应用，涵盖动态图像、翻转效果（Rollovers）、幻灯片展示等内容。

2. 动态图像的运用

在W3C DOM允许JavaScript改变网页任何部分之前，动态图像功能就已能让我们用JavaScript交换图像。如今，这一技术仍被现代浏览器支持，是JavaScript处理图像最便捷且兼容的方式。

2.1 图像对象的操作

可以通过与每个图像关联的图像对象来动态更改图像。传统方法是使用 document.images 数组，该数组包含页面上定义的每个图像的项。在对象层次结构中，每个图像对象都是文档对象的子对象。
使用W3C DOM时，还可以在 <img> 标签中为图像分配 id 属性，然后使用 document.getElementById 查找该图像的对象。图像对象具有以下属性：
| 属性 | 描述 |
| ---- | ---- |
| complete | 一个标志，指示图像是否已完全加载，布尔值（true或false） |
| height 和 width | 反映相应的图像属性，仅用于信息显示，不能动态更改图像大小 |
| hsp