简单的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 相关文章推荐
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
深入学习jQuery中的data()
Dec 22 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
vue移动端使用canvas签名的实现
Jan 15 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
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
php指定函数参数默认值示例代码
2013/12/04 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
自己封装的常用javascript函数分享
2015/01/07 Javascript
jQuery性能优化技巧分析
2015/02/20 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
wxPython之解决闪烁的问题
2018/01/15 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
python自动发送邮件脚本
2018/06/20 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
Ajax和javascript的区别
2013/07/20 面试题
廉政教育心得体会
2014/01/01 职场文书
商务助理求职信范文
2014/04/20 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS