简单的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 相关文章推荐
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
初步使用Node连接Mysql数据库
Mar 03 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
js返回顶部实例分享
Dec 21 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
jQuery复合事件用法示例
Jun 10 jQuery
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 Javascript
JavaScript实现网页计算器功能
Oct 29 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
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
jQuery功能函数详解
2015/02/01 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python数据类型详解(一)字符串
2016/05/08 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
介绍一些UNIX常用简单命令
2014/11/11 面试题
优秀教师先进事迹
2014/01/22 职场文书
超市中秋节促销方案
2014/03/21 职场文书
股东合作协议书范本
2014/04/14 职场文书
文明市民先进事迹
2014/05/15 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
公司仓库管理制度
2015/08/04 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书
世界十大狙击步枪排行榜
2022/03/20 杂记