简单的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 相关文章推荐
学习ExtJS TextField常用方法
Oct 07 Javascript
jQuery中remove()方法用法实例
Dec 25 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
Jul 14 Javascript
jquery插件bootstrapValidator表单验证详解
Dec 15 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
详解HTML5 使用video标签实现选择摄像头功能
Oct 25 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
package.json中homepage属性的作用详解
Mar 11 Javascript
js不常见操作运算符总结
Nov 20 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程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
浅析Python中的for 循环
2016/06/09 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
用Python实现KNN分类算法
2017/12/22 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
django框架auth模块用法实例详解
2019/12/10 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
教学个人的自我评价分享
2014/02/16 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python