当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 利用javascript制作简单动画

Javascript
javascript radio 联动效果
兼容FireFox 的 js 日历 支持时间的获取
小型js框架veryide.librar源代码
js 颜色选择器(兼容firefox)
Iframe thickbox2.0使用的方法
JavaScript RegExp方法获取地址栏参数(面向对象)
javascript prototype 原型链
动态添加js事件实现代码
IE6、IE7、Firefox javascript 无提示关闭窗口的代码
JavaScript 事件属性绑定带参数的函数
InnerHtml和InnerText的区别分析
javascript radio值获取代码
用JavaScript编写COM组件的步骤
javascript 避免闭包引发的问题
js no-repeat写法 背景不重复
javascript 回车键后跳到下一控件
javascript IE7 浏览器本地图片预览
javascript attachEvent和addEventListener使用方法
JavaScript 脚本将当地时间转换成其它时区
javascript 装载iframe子页面,自适应高度

Javascript 中的 利用javascript制作简单动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 382 ::
收藏到网摘: n/a

    如果你需要改变动画播放速度,
比如每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.ruanchen.com/" name="demo" width="100" height="100" alt="demo">