最简单的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 相关文章推荐
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
Node.js使用Angular简单示例
May 11 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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通用防注入程序 推荐
2011/02/26 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
vue做移动端适配最佳解决方案(亲测有效)
2018/09/04 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
原生js实现下拉框选择组件
2021/01/20 Javascript
[04:17]DOTA2完美盛典,rOtk、BurNIng携手巴图演唱《倔强》
2017/11/28 DOTA
Python爬虫代理IP池实现方法
2017/01/05 Python
在Python中增加和插入元素的示例
2018/11/01 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python读取并写入mat文件的方法
2019/07/12 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
纯css3实现效果超级炫的checkbox复选框和radio单选框
2014/09/01 HTML / CSS
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
加拿大户外探险购物网站:SAIL
2020/06/27 全球购物
高中毕业生个人自我鉴定
2013/11/24 职场文书
投标邀请书范文
2014/01/31 职场文书
高中生评语大全
2014/04/25 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
撤诉书怎么写
2015/05/19 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书