这种图片变换效果怎么做?

xiaoc3 2009-12-08 03:29:38
比如:
1 2 3 是三张图片

隔1分钟后

就变成

2 1 3 这三张图片???

在过1分钟就变成

3 2 1

在隔1分钟就变成

1 2 3 了
这种效果要怎么做????
...全文
89 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
千游 2009-12-08
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 yangzhi070 的回复:]
<img id="img1" src="1.jpg">
<img id="img2" src="2.jpg">
<img id="img3" src="3.jpg">

setTimeout("randImg();", 3 * 60 * 1000);

function randImg()
{
    //TORD: 添加代码,更改三个Img的Src为你要设定的图片
    //按照你给的顺序,应该是随机出现。就将图片路径放数组,随机生成数组索引取图片url就行了。

    setTimeout("randImg();", 3 * 60 * 1000);
}
[/Quote]

var current = 1;
var pre = 0;
var next =0;
function randImg(){
if(current==1){next =2 ;pre = 3;}else if(current==2){next =3 ;pre = 1;}else{next =1 ;pre = 2;};
//或者按楼上说的随即生成
document.getElementById('img1').src = pre+".png";
document.getElementById('img2').src = current +".png";
document.getElementById('img3').src = next +".png";
current = parseInt(current )+current ;
if(current ==4){current==1}
setTimeout("randImg();", 60 * 1000);
}
yangzhi070 2009-12-08
  • 打赏
  • 举报
回复
上面的时间弄错了。1分钟就是 60*1000毫秒了。
yangzhi070 2009-12-08
  • 打赏
  • 举报
回复

<img id="img1" src="1.jpg">
<img id="img2" src="2.jpg">
<img id="img3" src="3.jpg">

setTimeout("randImg();", 3 * 60 * 1000);

function randImg()
{
//TORD: 添加代码,更改三个Img的Src为你要设定的图片
//按照你给的顺序,应该是随机出现。就将图片路径放数组,随机生成数组索引取图片url就行了。

setTimeout("randImg();", 3 * 60 * 1000);
}
草根醉秋意 2009-12-08
  • 打赏
  • 举报
回复
这是个什么效果,,

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧