7.6.3.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 41 行

HTM
41 行
字号 
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<h2 align="center">制作 JavaScript 动画</h2>
<p>动画在网页上显然是一种吸引浏览者的重要手段。常见的动画制作方法有三种：一是使用 GIF 编辑软件将多幅图像组织成一幅 GIF 动画；二是使用 Java 
  语言编写动画 Java Applet；三是使用 JavaScript 控制多幅图像之间的切换，生成动画效果。本节用几个示例说明如何制作 JavaScript 
  动画。</p>
<p>
1.　示例 1
<p> 动画的一种常见应用就是广告横幅（banner），以下示例说明如何用 JavaScript 实现动态变换的广告效果。 
<p><a href="../src/tu7.15.htm" target="_blank">示例</a></p>
<p> 本示例的效果为：每隔 1.5 秒随机显示一幅广告图片，同时图片上的超链接目标随着更换（请注意状态栏中显示的超链接目标）。
<p>
<p>
2.　示例 2
<p> 动画的本质就是按照一定次序连续显示一系列图片，以下示例用 JavaScript 实现了这一效果。
<p><a href="../src/tu7.17.htm" target="_blank">示例 </a>
<p>本示例的效果为：当单击&quot;开始锻炼&quot;按钮时，动画开始，如果单击&quot;我要歇！&quot;按钮，则动画暂时停止，当再次单击&quot;开始锻炼&quot;按钮时可以重新启动。 
<p>
<p> 实际上，本示例的动画是通过将图的 4 个原始图片连续显示获得的。如果要获得更逼真、过渡更平滑的动画效果，应该使用更多的原始图片，图片与图片之间的差异应更小，同时设置更短的时间间隔（interval）。
<p>
  
<p>3.　示例 3
<p>
  在 JavaScript 中使用 image 对象还可以创建出移动的效果，如以下示例所示：
<p><a href="../src/tu7.19.htm" target="_blank">示例</a> 
<p>本示例的效果，在页面可以看到一个&quot;手&quot;的图案在动态移动。（由于本示例所用方法的局限，获得的动画效果有些&quot;跳&quot;，如果要获得更连续的移动效果，应使用动态更改对象位置的方式，具体请参见本书第 
  8 章 8.4.1 节中的内容） 
<p>
  实际上，可以将本示例与上一个示例用到的方法结合起来，从而获得边移动、边产生动画的效果，请读者自行尝试。<p>
  
<p>&nbsp; </p>
</body>
</html>

7.6.3.htm - 源码说明

本页面展示了「一部非常好的javaScript教程」中的 7.6.3.htm 源码文件，采用 HTM 编程语言编写，共 41 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?