简单的js图片轮换代码(js图片轮播)


Posted in Javascript onMay 06, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 <title>images</title> 
 <script type="text/javascript"> 
  var curIndex = 0; 
  var timeInterval = 1000; 
  var arr = new Array(); 
  arr[0] = "1 (1).jpg"; 
  arr[1] = "1 (2).jpg"; 
  arr[2] = "1 (3).jpg"; 
  arr[3] = "1 (4).jpg"; 
  arr[4] = "1 (5).jpg"; 
  arr[5] = "1 (6).jpg"; 
  arr[6] = "1 (7).jpg"; 
  arr[7] = "1 (8).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>  <script language="javascript"> 
  setInterval(test,1000); 
  var array = new Array(); 
  var index = 0; 
  var array = new Array("1 (1).jpg","1 (2).jpg","1 (3).jpg","1 (4).jpg","1 (5).jpg","1 (6).jpg","1 (7).jpg","1 (8).jpg"); 
  function test() { 
   var myimg=document.getElementById("imgs"); 
   if(index==array.length-1) 
   { index=0; }else{ index++; } 
   myimg.src=array[index]; 
  } 
 </script>
 </head> 
 <body> 
  <img id = "obj" src="1 (1).jpg" border = 0 /> 
 </body> 

<body>
</body>
</html>
Javascript 相关文章推荐
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
jquery获取table中的某行全部td的内容方法
Mar 08 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 Javascript
jQuery is()函数用法3例
May 06 #Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 #Javascript
一些老手都不一定知道的JavaScript技巧
May 06 #Javascript
jQuery中的$.ajax()方法应用
May 06 #Javascript
jquery判断元素是否隐藏的多种方法
May 06 #Javascript
JQuery调用WebServices的方法和4个实例
May 06 #Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 #Javascript
You might like
php实现的mongodb操作类实例
2015/04/03 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
2016/09/26 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
Python数据结构之图的应用示例
2018/05/11 Python
python实现三维拟合的方法
2018/12/29 Python
python实现多进程通信实例分析
2019/09/01 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
Python函数生成器原理及使用详解
2020/03/12 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
Europcar意大利:汽车租赁
2019/07/07 全球购物
介绍一下Ruby的多线程处理
2013/02/01 面试题
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
开展党的群众路线教育实践活动总结报告
2014/10/31 职场文书
值班管理制度范本
2015/08/06 职场文书
公司周年庆寄语
2019/06/21 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技