简单的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在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
对JavaScript客户端应用编程的一些建议
Jun 24 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
JavaScript代码实现左右上下自动晃动自动移动
Apr 08 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
常用的js方法合集
Mar 10 Javascript
微信小程序实现留言板
Oct 31 Javascript
Ant design vue中的联动选择取消操作
Oct 31 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 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循环语句笔记(foreach,list)
2011/11/29 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
jquery 判断selection range 是否在容器中的简单实例
2016/08/02 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
JS实现的获取银行卡号归属地及银行卡类型操作示例
2019/01/08 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
微信小程序前端promise封装代码实例
2019/08/24 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
详解React 元素渲染
2020/07/07 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
python使用PyQt5的简单方法
2019/02/27 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
《石榴》教学反思
2014/03/02 职场文书
导游词之舟山普陀山
2019/11/06 职场文书
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技