最简单的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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
JavaScript脚本性能优化注意事项
Nov 18 Javascript
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
详解a++和++a的区别
Aug 30 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 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自动适应范围的分页代码
2008/08/05 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
Javascript String.replace的妙用
2009/09/08 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
vue脚手架搭建过程图解
2018/06/06 Javascript
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
vuex存储token示例
2019/11/11 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
Python设置默认编码为utf8的方法
2016/07/01 Python
python使用opencv进行人脸识别
2017/04/07 Python
python中的decorator的作用详解
2018/07/26 Python
Python实现网站表单提交和模板
2019/01/15 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
wxPython实现列表增删改查功能
2019/11/19 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
linux面试题参考答案(5)
2014/09/01 面试题
物流经理自我评价
2013/09/23 职场文书
董事长职责范文
2013/11/08 职场文书
公司行政经理岗位职责
2013/12/24 职场文书