编程 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 相关文章推荐

用js生产批量批处理执行命令

Jul 28 Javascript

javascript 隔行换色函数代码

Oct 24 Javascript

JS自动缩小超出大小的图片

Oct 12 Javascript

原生js实现查找/添加/删除/指定元素的class

Apr 12 Javascript

node中socket.io的事件使用详解

Dec 15 Javascript

JavaScript中数组成员的添加、删除介绍

Dec 30 Javascript

JavaScript学习笔记之ES6数组方法

Mar 25 Javascript

微信小程序选择器（时间，日期，地区）实例详解

Nov 16 Javascript

JS实现改变HTML上文字颜色和内容的方法

Dec 30 Javascript

Angular2进阶之如何避免Dom误区

Apr 02 Javascript

JavaScript Blob对象原理及用法详解

Oct 14 Javascript

如何管理Vue中的缓存页面

Feb 06 Vue.js

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

php生成WAP页面

2006/10/09 PHP

php 采集书并合成txt格式的实现代码

2009/03/01 PHP

Yii2隐藏frontend/web和backend/web的方法

2015/12/12 PHP

JavaScript修改css样式style

2008/04/15 Javascript

javascript预览上传图片发现的问题的解决方法

2010/11/25 Javascript

javascript文件加载管理简单实现方法

2015/07/25 Javascript

JS 数字转换为大写金额的简单实例

2016/08/04 Javascript

js 获取站点应用名的简单实例

2016/08/18 Javascript

nodeJS（express4.x）+vue（vue-cli）构建前后端分离实例(带跨域)

2017/07/05 NodeJs

webpack+vue-cli项目中引入外部非模块格式js的方法

2018/09/28 Javascript

Vue.js中对css的操作（修改）具体方式详解

2018/10/30 Javascript

python开发的小球完全弹性碰撞游戏代码

2013/10/15 Python

Python操作json数据的一个简单例子

2014/04/17 Python

Python的ORM框架中SQLAlchemy库的查询操作的教程

2015/04/25 Python

python从网络读取图片并直接进行处理的方法

2015/05/22 Python

Python 多线程实例详解

2017/03/25 Python

使用Python和Scribus创建一个RGB立方体的方法

2019/07/17 Python

python3 反射的四种基本方法解析

2019/08/26 Python

Python PyQt5整理介绍

2020/04/01 Python

详解HTML5中div和section以及article的区别

2015/07/14 HTML / CSS

英国领先的办公用品供应商：Viking

2016/08/01 全球购物

兰蔻加拿大官方网站：Lancome加拿大

2016/08/05 全球购物

巴西最大的家具及装饰用品店：Mobly

2017/10/11 全球购物

全陪导游欢迎词

2014/01/17 职场文书

历史专业学生的自我评价

2014/02/28 职场文书

廉洁使者实施方案

2014/03/29 职场文书

525心理活动总结

2014/07/04 职场文书

群众路线领导干部个人对照检查材料（集锦）

2014/09/23 职场文书

外国人来华邀请函

2015/01/31 职场文书

企业办公室主任岗位职责

2015/04/01 职场文书

培训督导岗位职责

2015/04/10 职场文书

百日宴上的祝酒词

2015/08/10 职场文书

入党申请书怎么写?

2019/06/11 职场文书

Nest.js参数校验和自定义返回数据格式详解

2021/03/29 Javascript

Python机器学习实战之k-近邻算法的实现

2021/11/27 Python

分析SQL窗口函数之聚合窗口函数

2022/04/21 Oracle