简单的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 连接数据库如何操作数据库中的数据
Nov 23 Javascript
jQuery+formdata实现上传进度特效遇到的问题
Feb 24 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
react-router实现按需加载
May 09 Javascript
JavaScript基础之this详解
Jun 04 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
在vue项目中封装echarts的步骤
Dec 25 Vue.js
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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
jquery选择器(常用选择器说明)
2010/09/28 Javascript
extjs render 用法介绍
2013/09/11 Javascript
javascript实现颜色渐变的方法
2013/10/30 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
python动态监控日志内容的示例
2014/02/16 Python
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
Python使用python-docx读写word文档
2019/08/26 Python
numpy库reshape用法详解
2020/04/19 Python
使用ITK-SNAP进行抠图操作并保存mask的实例
2020/07/01 Python
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
财务出纳员岗位职责
2013/11/26 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
高中生旷课检讨书
2014/10/08 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
乐山大佛导游词
2015/02/02 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
Spring Security使用单点登录的权限功能
2022/04/03 Java/Android