简单的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 相关文章推荐
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
js二级地域选择的实现方法
Jun 17 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
vue中七牛插件使用的实例代码
Jul 28 Javascript
提高Node.js性能的应用技巧分享
Aug 10 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
PHP导入导出Excel代码
2015/07/07 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
Javascript开发包大全整理
2006/12/22 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
python实现批量下载新浪博客的方法
2015/06/15 Python
python自动zip压缩目录的方法
2015/06/28 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
python3.x实现发送邮件功能
2018/05/22 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
手写一个python迭代器过程详解
2019/08/27 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
行政总监岗位职责
2013/12/05 职场文书
信息系统专业个人求职信范文
2013/12/07 职场文书
小学生校园广播稿
2014/09/28 职场文书
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
三好学生事迹材料
2014/12/24 职场文书
法人代表证明书范本
2015/06/18 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
深入浅析Django MTV模式
2021/09/04 Python
Django框架中模型的用法
2022/06/10 Python