简单的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 相关文章推荐
jquery异步循环获取功能实现代码
Sep 19 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
JSON取值前判断
Dec 23 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
基于JS2Image实现圣诞树代码
Dec 24 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
详解vue项目中使用token的身份验证的简单实践
Mar 08 Javascript
vue总线机制(bus)知识点详解
May 10 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
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
vue模板语法-插值详解
2017/03/06 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
vue接口请求加密实例
2020/08/11 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
Python遍历目录的4种方法实例介绍
2015/04/13 Python
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
Python Django基础二之URL路由系统
2019/07/18 Python
Python any()函数的使用方法
2019/10/28 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
容易被忽略的Python内置类型
2020/09/03 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
JBL英国官网:JBL UK
2018/07/04 全球购物
宿舍使用违章电器检讨书
2014/01/12 职场文书
致400米运动员广播稿
2014/02/07 职场文书
人力资源总监工作说明
2014/03/03 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python