一段非常简单的让图片自动切换js代码


Posted in Javascript onNovember 10, 2006
<script language =javascript > 
var curIndex=0; 
//时间间隔 单位毫秒 
var timeInterval=1000; 
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("obj"); 
    if (curIndex==arr.length-1)  
    { 
        curIndex=0; 
    } 
    else 
    { 
        curIndex+=1; 
    } 
    obj.src=arr[curIndex]; 
} 
</script> <img id=obj src ="1.jpg" border =0 /> 
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以) 
虽然很简单,但是很实用。
Javascript 相关文章推荐
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
JavaScript触发onScroll事件的函数节流详解
Dec 14 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
js图片上传的封装代码
Aug 01 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
类似框架的js代码
Nov 09 #Javascript
二级域名转向类
Nov 09 #Javascript
JavaScript的面向对象(一)
Nov 09 #Javascript
JavaScript的面向对象(二)
Nov 09 #Javascript
利用javascript查看html源文件
Nov 08 #Javascript
用javascript获得地址栏参数的两种方法
Nov 08 #Javascript
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 #Javascript
You might like
php array的学习笔记
2012/05/10 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
解析PHP之提取多维数组指定列的方法
2017/01/03 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
ReactNative实现Toast的示例
2017/12/31 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
python中退出多层循环的方法
2018/11/27 Python
python实现代码统计器
2019/09/19 Python
matplotlib.pyplot画图并导出保存的实例
2019/12/07 Python
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
致百米运动员广播稿
2014/01/29 职场文书
北体毕业生求职信
2014/02/28 职场文书
团委竞选演讲稿
2014/04/24 职场文书
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书