简单的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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
IE无法设置短域名下Cookie
Sep 23 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
JavaScript下拉菜单功能实例代码
Mar 01 Javascript
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
JavaScript中三个等号和两个等号你了解多少
Jul 04 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
angular4实现带搜索的下拉框
Mar 25 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与已存在的Java应用程序集成
2006/10/09 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
用PHP代码给图片加水印
2015/07/01 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
微信小程序发送订阅消息的方法(php 为例)
2019/10/30 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
详解React的回调渲染模式
2020/09/10 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
Flask配置Cors跨域的实现
2019/07/12 Python
Django model update的多种用法介绍
2020/03/28 Python
python实现邮件发送功能
2019/08/10 Python
python 函数的缺省参数使用注意事项分析
2019/09/17 Python
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
神路信息Java面试题目
2013/03/31 面试题
成人大专生实习期的自我评价
2013/10/02 职场文书
面试后感谢信怎么写
2014/02/01 职场文书
执行总经理岗位职责
2014/02/03 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL
Python包argparse模块常用方法
2021/06/04 Python