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


Posted in Javascript onNovember 10, 2006
<script language =javascript > 
var curIndex=0; 
//时间间隔 单位毫秒 
var timeInterval=1000; 
var arr=new Array(); 
arr[0]="1.jpg"; 
arr[1]="2.jpg"; 
arr[2]="3.jpg"; 
arr[3]="4.jpg"; 
arr[4]="5.jpg"; 
arr[5]="6.jpg"; 
arr[6]="7.jpg"; 
setInterval(changeImg,timeInterval); 
function changeImg() 
{ 
    var obj=document.getElementById("obj"); 
    if (curIndex==arr.length-1)  
    { 
        curIndex=0; 
    } 
    else 
    { 
        curIndex+=1; 
    } 
    obj.src=arr[curIndex]; 
} 
</script> <img id=obj src ="1.jpg" border =0 /> 
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以) 
虽然很简单,但是很实用。
Javascript 相关文章推荐
[原创]网络复制内容时常用的正则+editplus
Nov 30 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
JavaScript 继承使用分析
May 12 Javascript
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
jquery.post用法示例代码
Jan 03 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
JavaScript 拖拽实例代码
Sep 21 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
koa-router源码学习小结
Sep 07 Javascript
类似框架的js代码
Nov 09 #Javascript
二级域名转向类
Nov 09 #Javascript
JavaScript的面向对象(一)
Nov 09 #Javascript
JavaScript的面向对象(二)
Nov 09 #Javascript
利用javascript查看html源文件
Nov 08 #Javascript
用javascript获得地址栏参数的两种方法
Nov 08 #Javascript
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 #Javascript
You might like
php的一个登录的类 [推荐]
2007/03/16 PHP
深入浅出php socket编程
2015/05/13 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
javascript 写类方式之八
2009/07/05 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
js操作textarea 常用方法总结
2012/12/03 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
Vue实现table上下移动功能示例
2019/02/21 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
总结Python编程中三条常用的技巧
2015/05/11 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
Python批量查询域名是否被注册过
2017/06/21 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
pandas apply多线程实现代码
2020/08/17 Python
开业主持词
2014/03/21 职场文书
教师业务培训方案
2014/05/01 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang