最简单的js图片切换效果实现代码


Posted in Javascript onSeptember 24, 2011

无意中在网上发现的,代码非常的简单,一看就明白!

<script language =javascript > 
var curIndex=0; 
//时间间隔 单位毫秒 
var timeInterval=5000; 
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("showpic"); 
if (curIndex==arr.length-1) 
{ 
curIndex=0; 
} 
else 
{ 
curIndex+=1; 
} 
obj.src="image/"+arr[curIndex]; 
} 
</script> 
<img src="image/1.jpg" width="427" height="219" id="showpic" />

好了以上就是全部的代码
Javascript 相关文章推荐
解决 firefox 不支持 document.all的方法
Mar 12 Javascript
jQuery cdn使用介绍
May 08 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
zShowBox 图片放大展示jquery版 兼容性
Sep 24 #Javascript
也说JavaScript中String类的replace函数
Sep 22 #Javascript
javascript笔记 String类replace函数的一些事
Sep 22 #Javascript
Prototype的Class.create函数解析
Sep 22 #Javascript
Javascript中的this绑定介绍
Sep 22 #Javascript
StringTemplate遇见jQuery冲突的解决方法
Sep 22 #Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 #Javascript
You might like
php将数据库导出成excel的方法
2010/05/07 PHP
php中JSON的使用方法
2015/04/30 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
2010/06/07 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python中for语句简单遍历数据的方法
2015/05/07 Python
Python实现建立SSH连接的方法
2015/06/03 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
Python 私有化操作实例分析
2019/11/21 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
Europcar意大利:汽车租赁
2019/07/07 全球购物
高二美术教学反思
2014/01/14 职场文书
《明天,我们毕业》教学反思
2014/04/24 职场文书
新品发布会策划方案
2014/06/08 职场文书
小学生毕业评语
2014/12/26 职场文书
详解Django的MVT设计模式
2021/04/29 Python
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
SSM VUE Axios详解
2021/10/05 Vue.js