手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Javascript>列表

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

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!
1<script language =javascript >
2var curIndex=0;
3//时间间隔 单位毫秒
4var timeInterval=1000;
5var arr=new Array();
6arr[0]="1.jpg";
7arr[1]="2.jpg";
8arr[2]="3.jpg";
9arr[3]="4.jpg";
10arr[4]="5.jpg";
11arr[5]="6.jpg";
12arr[6]="7.jpg";
13setInterval(changeImg,timeInterval);
14function 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
29<img id=obj src ="1.jpg" border =0 />
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!