最简单的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 相关文章推荐
验证手机号码的JS方法分享
Sep 10 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
JS中常用的正则表达式
Sep 29 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
浅谈Vue 自动化部署打包上线
Jun 14 Javascript
vue实现表格合并功能
Dec 01 Vue.js
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 将excel导入mysql
2009/11/09 PHP
destoon整合UCenter图文教程
2014/06/21 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
php写app用的框架整理
2019/09/29 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
js实现登录验证码
2016/12/22 Javascript
jQuery实现按比例缩放图片的方法
2017/04/29 jQuery
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
tensorflow实现KNN识别MNIST
2018/03/12 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
python实现输入数字的连续加减方法
2018/06/22 Python
详解Python 正则表达式模块
2018/11/05 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
税务会计岗位职责
2014/02/18 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
股东授权委托书
2014/10/15 职场文书
幼儿园开学通知
2015/04/24 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers
Python如何将list中的string转换为int
2022/07/15 Ruby