我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> CSSHTML教程 -> 教程内容
  • [ 收藏本页教程 ]
  • 利用javascript制作简单动画CSSHTML教程

    教程作者:佚名    教程来源:不详   教程栏目:CSSHTML教程    收藏本页
    如果你需要改变动画播放速度,
    比如每5秒换一张图片
    改变setTimeout("imgturn('" +numb+ "')", 1000)中的1000为5000

    <html>
    <head>
    <title></title>

    <script language="JavaScript">
    <!--
    //请先准备几张JPG图片格式的,名字是demo1.jpg,demo2.jpg,demo3.jpg
    if (document.images) {
    demo1 = new Image();
    demo1.src = "../../images/demo1.jpg";

    demo2 = new Image();
    demo2.src = "../../images/demo2.jpg";

    demo3 = new Image();
    demo3.src = "../../images/demo3.jpg";
    }

    function timeimgs(numb) {
    thetimer = setTimeout("imgturn('" +numb+ "')", 1000);
    }

    function imgturn(numb) {
    if (document.images) {

    if (numb == "3") {
    document["demo"].src = eval("demo3.src");
    timeimgs('1');
    }

    else { document["demo"].src = eval("demo" + numb + ".src");

    timeimgs(numb = ++numb);
    }
    }
    }

    // -->
    </script>

    </head>
    <body onload="timeimgs('2');">

    <img src="http://www.fmm7.com/Files/BeyondPic/chinazcj/2005-11/20/05112013230559330.jpg" name="demo" width="100" height="100" alt="demo">

    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有