Javascript中的翻转器

最新推荐文章于 2024-07-30 17:19:26 发布

weixin_30312659

最新推荐文章于 2024-07-30 17:19:26 发布

阅读量152

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/lichang1987/archive/2008/03/24/1120213.html

版权

       当用户将鼠标移动到图像上时，改变网页上的图像，从而让页面对用户的操作作出反应。这种称为翻转器，实现起来还是挺容易的，应用于许多场合。
      思想很简单。有两个图像。第一个是原始图像，他与网页的其他部分一起装载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速的将第一个图像替换为第二个图像。这就产生了动画或动画效果。
     在图像标签中包含了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" οnmοuseοver="document.arrow.src='img/arrow_on.gif'" οnmοuseοut="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>

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

转载于:https://www.cnblogs.com/lichang1987/archive/2008/03/24/1120213.html

weixin_30312659

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript中的翻转器

当用户将鼠标移动到图像上时，改变网页上的图像，从而让页面对用户的操作作出反应。这种称为翻转器，实现起来还是挺容易的，应用于许多场合。思想很简单。有两个图像。第一个是原始图像，他与网页的其他部分一起装载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速的将第一个图像替换为第二个图像。这就产生了动画或动画效果。在图像标签中包含了alt属性，是因为如果希望H...
复制链接

扫一扫