简单的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技巧
Dec 06 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
jquery将一个表单序列化为一个对象的方法
Jan 03 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
js时间查询插件使用详解
Apr 07 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
微信小程序支付PHP代码
Aug 23 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 获取select下拉列表框的值
2010/05/08 PHP
PHP 过滤页面中的BOM(实现代码)
2013/06/29 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
vue实现放大镜效果
2020/09/17 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
Python的collections模块真的很好用
2021/03/01 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
linux面试题参考答案(10)
2013/11/04 面试题
小学生自我鉴定
2013/10/12 职场文书
初中生学习的自我评价
2013/11/14 职场文书
调研座谈会发言材料
2014/08/23 职场文书
义诊活动总结
2015/02/04 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
队名及霸气口号大全
2015/12/25 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang