html 3的动画代码
导读:HTML 3是一种比较古老的HTML版本,但是它也可以使用动画效果,下面是一个简单的HTML 3动画代码:<HTML> <HEAD><TITLE>HTML 3动画代码演示</TITLE> &l...
HTML 3是一种比较古老的HTML版本,但是它也可以使用动画效果,下面是一个简单的HTML 3动画代码:
HTML>
HEAD>
TITLE>
HTML 3动画代码演示/TITLE>
/HEAD>
BODY>
H1>
HTML 3动画演示/H1>
HR>
P ALIGN="CENTER">
IMG SRC="image1.gif" NAME="animation">
/P>
SCRIPT LANGUAGE="JavaScript">
var pic1 = new Image();
pic1.src = "image1.gif";
var pic2 = new Image();
pic2.src = "image2.gif";
var pic3 = new Image();
pic3.src = "image3.gif";
var pic4 = new Image();
pic4.src = "image4.gif";
var pic5 = new Image();
pic5.src = "image5.gif";
var picArray = new Array(pic1,pic2,pic3,pic4,pic5);
var picIndex = 0;
function animate() {
document.animation.src = picArray[picIndex].src;
if (picIndex这段代码使用了JavaScript,创建了一个图片数组,然后在页面上使用了一个IMG>
标签来显示动画,实现了轮播的效果。在JavaScript里面使用了setTimeout函数,每隔500毫秒就会自动播放下一张图片。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html 3的动画代码
本文地址: https://pptw.com/jishu/301964.html
