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

关于__defineGetter__ 和__defineSetter__的说明

May 12 Javascript

一个关于javascript匿名函数的问题分析

Mar 30 Javascript

javascript自适应宽度的瀑布流实现思路

Feb 20 Javascript

jquery实现加载等待效果示例

Sep 25 Javascript

详解JS面向对象编程

Jan 24 Javascript

jQuery添加options点击事件并传值实例代码

May 18 Javascript

使用jQuery实现两个div中按钮互换位置的实例代码

Sep 21 jQuery

Vue实现移动端页面切换效果【推荐】

Nov 13 Javascript

Vuex mutitons和actions初使用详解

Mar 04 Javascript

js回文数的4种判断方法示例

Jun 04 Javascript

vue+layui实现select动态加载后台数据的例子

Sep 20 Javascript

原生js实现俄罗斯方块

Oct 20 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

Codeigniter整合Tank Auth权限类库详解

2014/06/12 PHP

ThinkPHP验证码和分页实例教程

2014/08/22 PHP

Yii实现多数据库主从读写分离的方法

2014/12/29 PHP

php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)

2017/02/04 PHP

PHP批量删除jQuery操作

2017/07/23 PHP

静态的动态续篇之来点XML

2006/08/15 Javascript

Extjs学习笔记之五一个小细节renderTo和applyTo的区别

2010/01/07 Javascript

事件模型在各浏览器中存在差异

2010/10/20 Javascript

jQuery中:last选择器用法实例

2014/12/30 Javascript

jQuery源码解读之addClass()方法分析

2015/02/20 Javascript

浅谈jQuery效果函数

2016/09/16 Javascript

AngularJS 单元测试（二）详解

2016/09/21 Javascript

运用jQuery写的验证表单(实例讲解)

2017/07/06 jQuery

js 获取html5的data属性实现方法

2017/07/28 Javascript

Kindeditor单独调用单图上传增加预览功能的实例

2017/07/31 Javascript

微信小程序实现跟随菜单效果和循环嵌套加载数据

2017/11/21 Javascript

在vue项目中安装使用Mint-UI的方法

2017/12/27 Javascript

微信小程序将字符串生成二维码图片的操作方法

2018/07/17 Javascript

vue文件运行的方法教学

2019/02/12 Javascript

微信小程序实现动态列表项的顺序加载动画

2019/07/25 Javascript

viewer.js实现图片预览功能

2020/06/24 Javascript

[00:15]TI9观赛名额抽取

2019/07/10 DOTA

用python写个自动SSH登录远程服务器的小工具(实例)

2017/06/17 Python

python清理子进程机制剖析

2017/11/23 Python

Python使用Tkinter实现机器人走迷宫

2018/01/22 Python

Python批量删除只保留最近几天table的代码实例

2019/04/01 Python

Python要如何实现列表排序的几种方法

2020/02/21 Python

Python 创建守护进程的示例

2020/09/29 Python

Python操作Excel的学习笔记

2021/02/18 Python

canvas烟花特效锦集

2018/01/17 HTML / CSS

h5调用摄像头的实现方法

2016/06/01 HTML / CSS

Java的五个基础面试题

2016/02/26 面试题

护理专业求职信

2014/06/15 职场文书

党员十八大心得体会

2014/09/12 职场文书

六年级语文下册教学计划

2015/01/22 职场文书

2015年感恩父亲节活动策划方案

2015/05/05 职场文书