编程 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 动态生成方法的例子

Jul 22 Javascript

JS实现的颜色实时渐变效果完整实例

Mar 25 Javascript

javaScript如何跳出多重循环break、continue

Sep 01 Javascript

AngularJS Toaster使用详解

Feb 24 Javascript

完美解决input[type=number]无法显示非数字字符的问题

Feb 28 Javascript

本地存储localStorage用法详解

Jul 31 Javascript

基于D3.js实现时钟效果

Jul 17 Javascript

微信小程序Getuserinfo解决方案图解

Aug 24 Javascript

vue地址栏直接输入路由无效问题的解决

Nov 15 Javascript

解决Vue打包后访问图片/图标不显示的问题

Jul 25 Javascript

Vue-cli项目部署到Nginx服务器的方法

Nov 01 Javascript

小程序接口的promise化的实现方法

Dec 11 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

深入phpMyAdmin的安装与配置的详细步骤

2013/05/07 PHP

php/js获取客户端mac地址的实现代码

2013/07/08 PHP

PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例

2015/05/12 PHP

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

2015/12/12 PHP

JavaScript 学习 - 提高篇

2007/02/02 Javascript

Javascript 日期处理之时区问题

2009/10/08 Javascript

javascript使用eval或者new Function进行语法检查

2010/10/16 Javascript

改变隐藏的input中value值的方法

2014/03/19 Javascript

JS匿名函数实例分析

2016/11/26 Javascript

微信小程序实现刷脸登录

2018/05/25 Javascript

node全局变量__dirname与__filename的区别

2019/01/14 Javascript

解决Layui 表格自适应高度的问题

2019/11/15 Javascript

JS校验与最终登陆界面功能完整示例

2020/01/13 Javascript

在Python中使用正则表达式的方法

2015/08/13 Python

Python实现爬取需要登录的网站完整示例

2017/08/19 Python

Python深度优先算法生成迷宫

2018/01/22 Python

Python+tkinter使用40行代码实现计算器功能

2018/01/30 Python

Python高级用法总结

2018/05/26 Python

基于Django URL传参 FORM表单传数据 get post的用法实例

2018/05/28 Python

python opencv判断图像是否为空的实例

2019/01/26 Python

解决Atom安装Hydrogen无法运行python3的问题

2019/08/28 Python

python应用文件读取与登录注册功能

2019/09/23 Python

浅谈ROC曲线的最佳阈值如何选取

2020/02/28 Python

Python 实现将numpy中的nan和inf,nan替换成对应的均值

2020/06/08 Python

django form和field具体方法和属性说明

2020/07/09 Python

基于python获取本地时间并转换时间戳和日期格式

2020/10/27 Python

工程部经理岗位职责

2013/12/08 职场文书

优秀医生事迹材料

2014/02/12 职场文书

小学运动会口号

2014/06/07 职场文书

公司离职证明标准格式

2014/11/18 职场文书

库房管理员岗位职责

2015/02/12 职场文书

庆祝教师节活动总结

2015/03/23 职场文书

民事诉讼代理词

2015/05/25 职场文书

学生会主席任命书

2015/09/21 职场文书

Golang表示枚举类型的详细讲解

2021/09/04 Golang

Golang map映射的用法

2022/04/22 Golang