最简单的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 相关文章推荐
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
原生JavaScript实现购物车
Jan 10 Javascript
何时使用Map来代替普通的JS对象
Apr 29 Javascript
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框架Phpbean说明
2008/01/10 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
php网站地图生成类示例
2014/01/13 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
javascript 树控件 比较好用
2009/06/11 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
2009/12/22 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JS实现跟随鼠标的链接文字提示框效果
2015/08/06 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
python刷投票的脚本实现代码
2014/11/08 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Django Form设置文本框为readonly操作
2020/07/03 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
意大利咖啡、浓缩咖啡和浓缩咖啡机:illy caffe
2019/03/20 全球购物
销售实习自我鉴定
2013/12/07 职场文书
给校长的一封建议书
2014/03/12 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
运动会200米广播稿
2015/08/19 职场文书
高二数学教学反思
2016/02/18 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
MySQL一些常用高级SQL语句
2021/07/03 MySQL
Node与Python 双向通信的实现代码
2021/07/16 Javascript