最简单的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 相关文章推荐
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
Vue动态实现评分效果
May 24 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 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 递归效率分析
2009/11/24 PHP
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
Thinkphp5 自定义上传文件名的实现方法
2019/07/23 PHP
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
Node.js中的process.nextTick使用实例
2015/06/25 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
vue.js input框之间赋值方法
2018/08/24 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
js仿360开机效果
2019/12/26 Javascript
JavaScript Dom实现轮播图原理和实例
2021/02/19 Javascript
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
简单谈谈Python中的反转字符串问题
2016/10/24 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
python实现爬取图书封面
2018/07/05 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
QML用PathView实现轮播图
2020/06/03 Python
Python自动化操作实现图例绘制
2020/07/09 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
模具专业推荐信
2013/10/30 职场文书
幼儿园教师备课制度
2014/01/12 职场文书
应届毕业生简历自我评价
2014/01/31 职场文书
药品采购员岗位职责
2014/02/08 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
婚纱店策划方案
2014/05/22 职场文书
2014中考励志标语
2014/06/05 职场文书
技术股份合作协议书
2014/10/05 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript