最简单的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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
javascript制作幻灯片(360度全景图片)
Jul 28 Javascript
jQuery实现简单的tab标签页效果
Sep 12 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
javascript验证form表单数据的案例详解
Mar 25 Javascript
vue实现图片裁剪后上传
Dec 16 Vue.js
JS前端使用canvas实现物体的点选示例
Aug 05 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用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
php日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
php中JSON的使用方法
2015/04/30 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
利用打码兔和超人打码自封装的打码类分享
2014/03/16 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
django模板结构优化的方法
2019/02/28 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
使用python去除图片白色像素的实例
2019/12/12 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
django跳转页面传参的实现
2020/09/17 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
旷工辞退通知书
2015/04/17 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书