最简单的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 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
简单的代码实现jquery定时器
Nov 17 Javascript
Highcharts入门之简介
Aug 02 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
原生JS实现垂直手风琴效果
Feb 19 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 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
综合图片计数器
2006/10/09 PHP
7个超级实用的PHP代码片段
2011/07/11 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
js中replace的用法总结
2013/12/27 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
Python Socket编程入门教程
2014/07/11 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
详解Django中的权限和组以及消息
2015/07/23 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Pycharm2020.1安装无法启动问题即设置中文插件的方法
2020/08/07 Python
Python实现自动签到脚本功能
2020/08/20 Python
Grid 宫格常用布局的实现
2020/01/10 HTML / CSS
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
九年级政治教学反思
2014/02/06 职场文书
《夸父追日》教学反思
2014/02/26 职场文书
12.4法制宣传日活动总结
2014/08/26 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
2016特色励志班级口号
2015/12/24 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
Python实现科学占卜 让视频自动打码
2022/04/09 Python
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis