简单的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 相关文章推荐
Javascript中的var_dump函数实现代码
Sep 07 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
js数组操作常用方法
May 08 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
thinkphp框架page类与bootstrap分页(美化)
2017/06/25 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
Python中shape计算矩阵的方法示例
2017/04/21 Python
Django在win10下的安装并创建工程
2017/11/20 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
Django中的Model操作表的实现
2018/07/24 Python
Python函数中不定长参数的写法
2019/02/13 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
python与mysql数据库交互的实现
2020/01/06 Python
Python 存取npy格式数据实例
2020/07/01 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
Python的collections模块真的很好用
2021/03/01 Python
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
2014年元旦活动方案
2014/02/15 职场文书
客服专员岗位职责
2014/02/28 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
运动会演讲稿100字
2014/08/25 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书