编程 Javascript

利用JS进行图片的切换即特效展示图片

Posted in Javascript onDecember 03, 2013

在网页制作的时候，需要利用JS进行特效展示图片，下面是利用JS简单制作的图片的切换。

<html> <head> 
<script type="JavaScript"> 
var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组，进行数据的存储 
var s = 0; 
function chage() { 
var img = document.getElementById('img1'); 
if (s <srr.length-1 ) { 
s++; 
} 
else { 
s = 0; 
} 
img.setAttribute('src', srr[s]); 
} 
function diaoyong() { 
setInterval(chage, 1000); 
} 
</script> 
</head> 
<body onLoad="diaoyong();"> 
</body> 
</html>

利用JS进行图片的切换即特效展示图片

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript URL编码和解码使用说明

Apr 12 Javascript

ExtJS[Desktop]实现图标换行示例代码

Nov 17 Javascript

javascript实现base64 md5 sha1 密码加密

Sep 09 Javascript

Bootstrap每天必学之简单入门

Nov 19 Javascript

AngularJS中的Directive实现延迟加载

Jan 25 Javascript

jQuery Ajax页面局部加载方法汇总

Jun 02 Javascript

AngularJS 模型详细介绍及实例代码

Jul 27 Javascript

JS实现侧边栏鼠标经过弹出框+缓冲效果

Mar 29 Javascript

vue-router 导航钩子的具体使用方法

Aug 31 Javascript

React组件refs的使用详解

Feb 09 Javascript

解决vue A对象赋值给B对象,修改B属性会影响到A的问题

Sep 25 Javascript

vue使用websocket的方法实例分析

Jun 22 Javascript

JavaScript伸缩的菜单简单示例

Dec 03 #Javascript

JS window对象的top、parent、opener含义介绍

Dec 03 #Javascript

javascript实现信息的显示和隐藏如注册页面

Dec 03 #Javascript

一个js控制的导航菜单实例代码

Dec 03 #Javascript

JS与C#编码解码

Dec 03 #Javascript

探讨jQuery的ajax使用场景(c#)

Dec 03 #Javascript

浅析JavaScript原型继承的陷阱

Dec 03 #Javascript

You might like

Windows下PHP5和Apache的安装与配置

2006/09/05 PHP

一个简单的自动发送邮件系统(三)

2006/10/09 PHP

PHP中strlen()和mb_strlen()的区别浅析

2014/06/19 PHP

php写的AES加密解密类分享

2014/06/20 PHP

weiphp微信公众平台授权设置

2016/01/04 PHP

thinkPHP显示不出验证码的原因与解决方法分析

2017/05/20 PHP

PHP+MySQL实现模糊查询员工信息功能示例

2018/06/01 PHP

PHP实现将base64编码字符串转换成图片示例

2018/06/22 PHP

自己整理的一个javascript日期处理函数

2010/10/16 Javascript

js变量以及其作用域详解

2020/07/18 Javascript

javascript实现全角与半角字符的转换

2015/01/07 Javascript

js+html5实现canvas绘制简单矩形的方法

2015/06/05 Javascript

js实现横向伸展开的二级导航菜单代码

2015/08/28 Javascript

jQuery加载及解析XML文件的方法实例分析

2017/01/22 Javascript

详解Vue2.X的路由管理记录之钩子函数（切割流水线）

2017/05/02 Javascript

webpack本地开发环境无法用IP访问的解决方法

2018/03/20 Javascript

layui 富文本图片上传接口与普通按钮文件上传接口的例子

2019/09/23 Javascript

js实现旋转木马轮播图效果

2020/01/10 Javascript

Java Varargs 可变参数用法详解

2020/01/28 Javascript

Vue组件基础用法详解

2020/02/05 Javascript

微信小程序用户盒子、宫格列表的实现

2020/07/01 Javascript

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

2020/09/28 Javascript

Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)

2017/05/08 Python

Python：Scrapy框架中Item Pipeline组件使用详解

2017/12/27 Python

Python用61行代码实现图片像素化的示例代码

2018/12/10 Python

python json load json 数据后出现乱序的解决方案

2020/02/27 Python

python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例

2020/03/10 Python

matplotlib交互式数据光标mpldatacursor的实现

2021/02/03 Python

Canvas与Image互相转换示例代码

2013/08/09 HTML / CSS

加拿大时尚床上用品零售商：QE Home | Quilts Etc

2018/01/22 全球购物

房屋登记授权委托书范本

2014/10/09 职场文书

先进个人事迹材料范文

2014/12/30 职场文书

我们的节日重阳节活动总结

2015/03/24 职场文书

办公室岗位职责范本

2015/04/11 职场文书

初中生物教学随笔

2015/08/15 职场文书

MySQL 不等于的三种使用及区别

2021/06/03 MySQL