最简单的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 div 遮罩层封锁整个页面
Jul 10 Javascript
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
Mac地址验证的javascript代码
Nov 09 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
jquery实现对联广告的方法
Feb 05 Javascript
javascript中 try catch用法
Aug 16 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
jQuery导航条固定定位效果实例代码
May 26 jQuery
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
Dec 09 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
详解Vue3中对VDOM的改进
Apr 23 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/12/28 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
PHP实现简易blog的制作
2016/10/24 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
javascript中的作用域scope介绍
2010/12/28 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
jQuery使用方法
2017/02/04 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
2017/02/15 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
Python中为什么要用self探讨
2015/04/14 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
pytorch 模型可视化的例子
2019/08/17 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
前端实现打印图像功能
2019/08/27 HTML / CSS
世界上最好的帽子:Tilley
2016/11/27 全球购物
会计岗位职责
2013/11/08 职场文书
高中毕业自我鉴定
2013/12/16 职场文书
应用英语专业自荐信
2014/01/26 职场文书
教师职称自我鉴定
2014/02/12 职场文书
环保倡议书100字
2014/05/15 职场文书
行政监察建议书
2014/05/19 职场文书
合伙购房协议样本
2014/10/06 职场文书
2015年党员承诺书
2015/01/21 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
大学生村官入党自传
2015/06/26 职场文书
如何使用PyCharm及常用配置详解
2021/06/03 Python
PHP中多字节字符串操作实例详解
2021/08/23 PHP