简单的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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
JSON+JavaScript处理JSON的简单例子
Mar 20 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
Vue使用zTree插件封装树组件操作示例
Apr 25 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
小程序实现搜索框
Jun 19 Javascript
Node.js中出现未捕获异常的处理方法
Jun 29 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 Vue.js
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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.MVC的模板标签系统(四)
2006/09/05 PHP
给初学PHP的5个入手程序
2006/11/23 PHP
php中文字符串截取方法实例总结
2014/09/30 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
初识Node.js
2014/09/03 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
微信小程序如何连接Java后台
2019/08/08 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
js 递归json树实现根据子id查父id的方法分析
2019/11/08 Javascript
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python中如何导入类示例详解
2019/04/17 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
python字符串格式化方式解析
2019/10/19 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
Python高级property属性用法实例分析
2019/11/19 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
台湾三立电视电商平台:电电购
2019/09/09 全球购物
环保倡议书50字
2014/05/15 职场文书
人大调研汇报材料
2014/08/14 职场文书
活动经费申请报告
2015/05/15 职场文书
公司员工培训管理制度
2015/08/04 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
Vue深入理解插槽slot的使用
2022/08/05 Vue.js
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技