最简单的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 相关文章推荐
javascript 定义初始化数组函数
Sep 07 Javascript
js限制文本框为整数和货币的函数代码
Oct 13 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
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
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
2017/07/18 Javascript
js中apply与call简单用法详解
2017/11/06 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
python二分法实现实例
2013/11/21 Python
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
python3库numpy数组属性的查看方法
2018/04/17 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
华为python面试题
2016/05/03 面试题
程序员跳槽必看面试题总结
2013/06/28 面试题
化工专业求职信
2014/07/01 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
支行行长竞聘报告
2014/11/06 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫