网页设计 |
HTML文件 |
动态HTML文件
| Stylesheets | 图形与字体 |
多媒体 |
浏览器 |
Java | JavaScript |
![]() |
第3页:现在开始演示动画 作者:Wendy Owen |
||
现在你已经理解了图象数组的概念。现在我们谈谈在代码 中我们需要实现什么目的。由于标准的HTML就可以引入相 应的图象。所以在JavaScript中我们只需让图象轮流显示 从而形成动画效果。 在JavaScript编码中我们将各幅图象轮流显示的过程做成 // change the image document.images['daImg'].src = bendyList[daPosition]; 该编码告诉浏览器根据变量daPosition的值确定daImg。 daPosition的初始值设置为0,所以如果将初始值插入编码 document.images['daImg'].src = bendyList[0] 由于bendyList[0]指向图象bendy000.gif
,所以上面的代 document.images['daImg'].src = bendy000.gif 所以代码指向数组中的第1幅图象。接下来我们将生成一个 该函数使用一个"if else"语句将图象位置从初始图象轮流 function imageFlip() { // increment the pointer if(daPosition == bendyList.length-1) { daPosition = 0; } else { daPosition++; } 在代码中,只要daPosition的值小于14(因为bendylist 在载入网页时,网页主体中的onload="imgFlip()"
调用 一旦过去200毫秒时间,imageFlip()函数就被再次调用。
|