首页前端开发HTMLhtml 3的动画代码

html 3的动画代码

时间2023-07-10 22:37:01发布访客分类HTML浏览444
导读: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
html app如何设置滚动条 html 5音乐可视化完整源代码

游客 回复需填写必要信息