JS技术

利用JAVASCRIPT制作简单动画_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-25 18:14 我要评论( )

利用JAVASCRIPT制作简单动画,学习利用JAVASCRIPT制作简单动画,利用JAVASCRIPT制作简单动画,查看利用JAVASCRIPT制作简单动画,如果你需要改变动画播放速度, 比如每

  如果你需要改变动画播放速度,
比如每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="../../images/demo1.jpg" name="demo" width="100" height="100" alt="demo">
资料引用:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 利用JAVASCRIPT制作简单动画_javascript教程教程

    利用JAVASCRIPT制作简单动画_javascript教程教程

    2015-10-10 09:20

  • 利用JavaScript制作倒计时牌_javascript教程教程

    利用JavaScript制作倒计时牌_javascript教程教程

    2015-10-09 11:17

  • 利用JavaScript制作倒计时牌_Javascript教程

    利用JavaScript制作倒计时牌_Javascript教程

    2015-09-25 19:02

  • 利用JAVASCRIPT制作简单动画

    利用JAVASCRIPT制作简单动画

    2014-11-17 20:00

网友点评