当用户将鼠标移动到图像上时，改变网页上的图像，从而让页面对用户的操作作出反应。这种称为翻转器，实现起来还是挺容易的，应用于许多场合。
思想很简单。有两个图像。第一个是原始图像，他与网页的其他部分一起装载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速的将第一个图像替换为第二个图像。这就产生了动画或动画效果。
在图像标签中包含了alt属性，是因为如果希望HTML符合HTML标准，就必须有alt属性（这个属性为非图形化浏览器提供图像的名称或描述）。
第一种创建方法：
引用例子：
思想很简单。有两个图像。第一个是原始图像，他与网页的其他部分一起装载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速的将第一个图像替换为第二个图像。这就产生了动画或动画效果。
在图像标签中包含了alt属性，是因为如果希望HTML符合HTML标准，就必须有alt属性（这个属性为非图形化浏览器提供图像的名称或描述）。
第一种创建方法：
引用例子：
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </body> |
缺点：后一张图片是从服务器下载而来，所以对于网速不是很好地朋友可以可能有些延迟。
第二种：