34、动态网页元素与动画效果实现-优快云博客

本文链接：https://blog.youkuaiyun.com/julia4scientist/article/details/154169640

动态网页元素与动画效果实现

在网页设计中，为页面添加动态元素能够显著提升用户体验。下面将介绍使用 DHTML 实现动态页面元素以及使用 Macromedia Flash 进行动画制作的相关内容。

DHTML 实现动态页面元素

元素移动

理论上，在文档对象模型（DOM）下，页面上的每个元素都可以进行绝对定位。但考虑到大部分用户可能未使用最新版浏览器，目前对图层进行动画处理是较为稳妥的做法。

计算绝对位置相对简单，通常只需要确定图层移动的像素数，难点在于决定是否同时进行垂直和水平移动。以下是一个实现页面像幻灯片一样展示的示例代码：

<html>
<head>
<title>Sliding Left Transitions DOM Browser only</title>
<script language="JavaScript">
<!-- Make this script invisible to old browsers.
//The interval timer we will use
//(we need this so that we can cancel it)
var proc;
//The element that we will move
var element;
function start()
{
//obtain the element we will move
element=document.getElementById("panel");
//start the task to move