5、JavaScript 图像翻转与窗口操作技巧

JavaScript 图像翻转与窗口操作技巧

1. 图像翻转与预加载

1.1 图像翻转效果

图像翻转效果，也被称为鼠标悬停或图像滚动效果，是一种非常流行的网页特效。当用户将鼠标指针悬停在图像上时，图像会切换为新的图像；当鼠标离开图像时，图像又会恢复原状。以下是实现该效果的脚本示例：

<A HREF="http://www.cnn.com"
onMouseOver="document.pic1.src='menu1on.gif'"
onMouseOut="document.pic1.src='menu1off.gif'">
<IMG SRC="menu1off.gif" BORDER=0 NAME="pic1"></a>

在这个示例中，当鼠标悬停在图像上时， onMouseOver 事件处理程序会将图像的 src 属性从 menu1off.gif 更改为 menu1on.gif ；当鼠标离开图像时， onMouseOut 事件处理程序会将图像的 src 属性改回 menu1off.gif 。

1.2 图像空间命名

为了在同一页面上实现多个图像翻转效果，需要为每个图像空间分配一个不同的 NAME 属性。例如：