goody9807

避风的港湾-云之宇~~~寻找.Net的精华

一个不错的P2P软件,里面肯定有你要的资源

公告

我的msn: goody9807#sina.com

爱你网论坛全新上线，Asp.net技术讨论

日历

2008年5月

日

一

二

三

四

五

六

统计

随笔 - 437
文章 - 4
评论 - 545
引用 - 99

随笔分类(431)

我的空间

友情链接

积分与排名

积分 - 288793
排名 - 106

60天内阅读排行

一段非常简单的让图片自动切换js代码

var curIndex=0;
3

//时间间隔单位毫秒
4

var timeInterval=1000;
5

var arr=new Array();
6

arr[0]="1.jpg";
7

arr[1]="2.jpg";
8

arr[2]="3.jpg";
9

arr[3]="4.jpg";
10

arr[4]="5.jpg";
11

arr[5]="6.jpg";
12

arr[6]="7.jpg";
13

setInterval(changeImg,timeInterval);
14

function changeImg()
15

{
16

var obj=document.getElementById("obj");
17

if (curIndex==arr.length-1)
18

{
19

curIndex=0;
20

}
21

else
22

{
23

curIndex+=1;
24

}
25

obj.src=arr[curIndex];
26

}
27

</script>
28

可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）
虽然很简单，但是很实用。

posted on 2006-11-06 16:48 PointNet 阅读(4637) 评论(26) 编辑收藏所属分类: Js与DHtml

评论:

#1楼 weiang_1983 [未注册用户] Posted @ 2006-11-06 21:51
的确很简单！！回复引用
#2楼尧尧 Posted @ 2006-11-07 16:47
不错,继续努力回复引用查看
#3楼高海东 Posted @ 2006-12-05 08:54
一段非常简单的让图片自动切换js代码很好回复引用查看
#4楼 superboy [未注册用户] Posted @ 2006-12-06 09:01
setInterval()这个函数在哪里定义啊？
怎么看不出图片随着时间的变化而跟着变化的代码呢？
请楼主指教！！回复引用
#5楼 [楼主] PointNet Posted @ 2006-12-06 10:25
@superboy
setInterval这个函数是系统函数,直接用就可以乐,注意大小写不要写错了啊! 回复引用查看
#6楼啊一西 [未注册用户] Posted @ 2007-04-27 15:58
那停的话要怎么停啊回复引用
#7楼网站设计 [未注册用户] Posted @ 2007-05-10 12:20
图片是切换了....但是太疆硬, 没有特殊效果!~ 回复引用
#8楼朱文涛 [未注册用户] Posted @ 2008-04-30 19:25
怎么给图片加链接,能不能透露一下????????? 回复引用
#9楼 [楼主] PointNet Posted @ 2008-04-30 19:51
<a href="#"><img id=obj src ="1.jpg" border =0 /></a> 回复引用查看
#10楼 Vincent Love Posted @ 2008-05-05 16:16
我想给每一张图片加了一个超级链接，所以对楼主的代码进行了修改了一下，点击其中任意一张图片可以链接到不同的地址，实现了【21楼】朋友提出的问题
第一个修改的地方：<a id="hrefA" href="http://www.google.com"><img id="obj" src ="Images/p1.jpg" alt=""/></a>
第二个修改的地方： var Hobj=document.getElementById("hrefA");
第三个修改的地方： Hobj.href=Harr[curIndex];
还有要加入链接地址：Harr[0]="http://www.cnblogs.com";

如果LZ觉得不合适，可以删除回复引用查看
#11楼 [楼主] PointNet Posted @ 2008-05-06 09:31
@Vincent Love
谢谢修改回复引用查看
#12楼 1111011 [未注册用户] Posted @ 2008-07-09 09:35
楼主，我是菜鸟那个路径是放哪里的啊回复引用
#13楼水中花 [未注册用户] Posted @ 2008-09-05 17:27
这个JS太好用了。谢谢！回复引用