编程 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获取元素CSS样式代码示例

Nov 28 Javascript

JQuery中serialize()用法实例分析

Feb 06 Javascript

Backbone.js 0.9.2 源码注释中文翻译版

Jun 25 Javascript

javascript实现拖动元素交换位置

Nov 29 Javascript

jQuery页面加载初始化的3种方法(推荐)

Jun 02 Javascript

Bootstrap源码解读网格系统（3）

Dec 22 Javascript

node.js程序作为服务并在windows下开机自启动（用forever）

Mar 29 Javascript

关于vue.js发布后路径引用的问题解决

Aug 15 Javascript

Vue 2.0学习笔记之Vue中的computed属性

Oct 16 Javascript

详解vue.js下引入百度地图jsApi的两种方法

Jul 27 Javascript

解决layui table表单提示数据接口请求异常的问题

Sep 24 Javascript

vue-cli设置css不生效的解决方法

Feb 07 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

phpfans留言版用到的数据操作类和分页类

2007/01/04 PHP

PHP类的使用实例代码讲解

2009/12/28 PHP

php邮件发送,php发送邮件的类

2011/03/24 PHP

如何解决CI框架的Disallowed Key Characters错误提示

2013/07/05 PHP

Yii框架获取当前controlle和action对应id的方法

2014/12/03 PHP

javascript 显示当前系统时间代码

2009/12/28 Javascript

心扬JS分页函数代码

2010/09/10 Javascript

jQuery.fn和jQuery.prototype区别介绍

2013/10/05 Javascript

javascript实现图片循环渐显播放的方法

2015/02/24 Javascript

浅谈jQuery中replace()方法

2015/05/13 Javascript

JS实现图片局部放大或缩小的方法

2016/08/20 Javascript

vue Render中slots的使用的实例代码

2017/07/19 Javascript

webpack打包js文件及部署的实现方法

2017/12/18 Javascript

vue cli使用融云实现聊天功能的实例代码

2019/04/19 Javascript

Angular8 Http拦截器简单使用教程

2019/08/20 Javascript

Web服务器框架 Tornado简介

2014/07/16 Python

给Python IDLE加上自动补全和历史功能

2014/11/30 Python

Python tkinter模块中类继承的三种方式分析

2017/08/08 Python

完美解决安装完tensorflow后pip无法使用的问题

2018/06/11 Python

Pytorch实现基于CharRNN的文本分类与生成示例

2020/01/08 Python

Python Selenium参数配置方法解析

2020/01/19 Python

python re模块匹配贪婪和非贪婪模式详解

2020/02/11 Python

python合并多个excel文件的示例

2020/09/23 Python

python判断all函数输出结果是否为true的方法

2020/12/03 Python

css3过渡_动力节点Java学院整理

2017/07/11 HTML / CSS

关于赌博的检讨书

2014/01/08 职场文书

七年级地理教学反思

2014/01/26 职场文书

安全责任书范本

2014/04/15 职场文书

2014年文艺部工作总结

2014/11/17 职场文书

2015年老干部工作总结

2015/04/23 职场文书

赤壁观后感（2）

2015/06/15 职场文书

军训决心书范文

2015/09/22 职场文书

golang gopm get -g -v 无法获取第三方库的解决方案

2021/05/05 Golang

MySQL的InnoDB存储引擎的数据页结构详解

2022/03/03 MySQL

HDFS免重启挂载新磁盘

2022/04/06 Servers

Python实现Matplotlib,Seaborn动态数据图

2022/05/06 Python