首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> Javascript教程 -> 一段非常简单的让图片自动切换js代码
一段非常简单的让图片自动切换js代码


文章类别:Javascript教程 来源: 作者: 发表日期:2006-11-9 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

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 />
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
上一篇:javascript的作用域 下一篇:1.1和2.0下进行https请求的不同实现
本栏目热门文章
·JavaScript Web页面内容导出到Word、Excel 2005-11-7
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮 2005-10-4
·用javascript连接access数据库的方法 2005-10-4
·JAVASCRIPT加密解密终级指南 2005-10-4
·网页对联广告代码效果大全 2005-11-7
·TreeView节点互斥,autopostback=false的方法 2005-10-4
·网页javascript精华代码集 2006-1-6
·javascript应用:实现复选框全选/全不选切换 2006-1-6
·利用JS获取IE客户端IP及MAC的实现 2006-1-10
·Javascript的IE和Firefox兼容性汇编 2005-10-4
新近更新文章
·一组常用的弹出窗口用法总结 2006-11-16
·JavaScript中的字符串操作 2006-11-16
·JS实现滑动展开与折叠效果 2006-11-9
·一段非常简单的让图片自动切换js代码 2006-11-9
·javascript的作用域 2006-11-9
·用 JavaScript 迁移目录 2006-11-9
·javascript实现仿新浪信息提示效果 2006-11-5
·使用div仿javascript模态窗口 2006-11-5
·按比例微缩图片的一段小小的JS代码 2006-10-28
·使用JavaScript检测浏览器的相关特性 2006-10-28
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: