Javascript中的翻转器 - 木神易

       当用户将鼠标移动到图像上时，改变网页上的图像，从而让页面对用户的操作作出反应。这种称为翻转器，实现起来还是挺容易的，应用于许多场合。
      思想很简单。有两个图像。第一个是原始图像，他与网页的其他部分一起装载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速的将第一个图像替换为第二个图像。这就产生了动画或动画效果。
     在图像标签中包含了alt属性，是因为如果希望HTML符合HTML标准，就必须有alt属性（这个属性为非图形化浏览器提供图像的名称或描述）。
第一种创建方法：
引用例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>a simple Rollover</title>
</head>
<body bgcolor="olive">
<a href="ERROR.htm" onmouseover="document.arrow.src='img/arrow_on.gif'" onmouseout="document.arrow.src='img/arrow_off.gif'"><img src="img/arrow_off.gif" width="147" height="82" border="0" name="arrow" alt="arrow" /></a>

</body>
</html>

缺点：后一张图片是从服务器下载而来，所以对于网速不是很好地朋友可以可能有些延迟。
第二种：

posted on 2008-03-24 20:36 木神易阅读(434) 评论(0) 收藏举报

刷新页面返回顶部