最简单的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 数组的方法集合
Jun 05 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
在vue中配置不同的代理同时访问不同的后台操作
Sep 11 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
phpfans留言版用到的install.php
2007/01/04 PHP
生成卡号php代码
2008/04/09 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
js select option对象小结
2013/12/20 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
[54:33]2018DOTA2亚洲邀请赛小组赛 A组加赛 Liquid vs Optic
2018/04/03 DOTA
python3爬取数据至mysql的方法
2018/06/26 Python
浅谈flask源码之请求过程
2018/07/26 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
python生成word合同的实例方法
2021/01/12 Python
西尔斯百货官网:Sears
2016/09/06 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
优秀教师主要事迹
2014/02/01 职场文书
毕业生自荐信格式
2014/03/07 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
webpack的移动端适配方案小结
2021/07/25 Javascript
MySQL 服务和数据库管理
2021/11/11 MySQL
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers