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

Jquery.TreeView结合ASP.Net和数据库生成菜单导航条

Aug 27 Javascript

js nextSibling属性和previousSibling属性概述及使用注意

Feb 16 Javascript

8个超实用的jQuery功能代码分享

Jan 08 Javascript

Angularjs基础知识及示例汇总

Jan 22 Javascript

AngularJS ng-bind-html 指令详解及实例代码

Jul 30 Javascript

微信小程序教程之条件渲染

Oct 18 Javascript

input框中自动展示当前日期yyyy/mm/dd的实现方法

Jul 06 Javascript

JavaScript实现正则去除a标签并保留内容的方法【测试可用】

Jul 18 Javascript

js实现通过开始结束控制的计时器

Feb 25 Javascript

vue把输入框的内容添加到页面的实例讲解

Nov 11 Javascript

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)

Feb 05 Javascript

Vue 组件注册全解析

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

咖啡知识咖啡养豆要养多久排气又是什么

2021/03/06 新手入门

Ajax执行顺序流程及回调问题分析

2012/12/10 Javascript

JavaScript静态类型检查工具FLOW简介

2015/01/06 Javascript

javascript删除元素节点removeChild()用法实例

2015/05/26 Javascript

深入浅析JavaScript的API设计原则

2016/06/14 Javascript

JavaScript event对象整理及详细介绍

2016/10/10 Javascript

浅析JavaScript中的平稳退化（graceful degradation）

2017/07/24 Javascript

jQuery实现简单的下拉菜单导航功能示例

2017/12/07 jQuery

JS小球抛物线轨迹运动的两种实现方法详解

2017/12/20 Javascript

JS面向对象的程序设计相关知识小结

2018/05/26 Javascript

Openlayers学习之加载鹰眼控件

2020/09/28 Javascript

使用AutoJs实现微信抢红包的代码

2020/12/31 Javascript

Python中条件选择和循环语句使用方法介绍

2013/03/13 Python

Python爬虫_城市公交、地铁站点和线路数据采集实例

2018/01/10 Python

Python分支结构（switch）操作简介

2018/01/17 Python

Django使用Celery异步任务队列的使用

2018/03/13 Python

python实现守护进程、守护线程、守护非守护并行

2018/05/05 Python

python代码 FTP备份交换机配置脚本实例解析

2019/08/01 Python

Django RBAC权限管理设计过程详解

2019/08/06 Python

python+tkinter实现学生管理系统

2019/08/20 Python

jupyter notebook 调用环境中的Keras或者pytorch教程

2020/04/14 Python

CSS3新属性transition-property transform box-shadow实例学习

2013/06/06 HTML / CSS

CSS3使用border-radius属性制作圆角

2014/12/22 HTML / CSS

Nordgreen美国官网：在线购买极简主义斯堪的纳维亚手表

2019/07/24 全球购物

英国女性化妆品收纳和家具网站：Beautify

2019/12/07 全球购物

如何用JQuery进行表单验证

2013/05/29 面试题

应用化学专业本科生求职信

2013/09/29 职场文书

置业顾问岗位职责

2014/03/02 职场文书

挂牌仪式主持词

2014/03/20 职场文书

3的组成教学反思

2014/04/30 职场文书

松材线虫病防治方案

2014/06/15 职场文书

校车安全责任书

2014/08/25 职场文书

后勤个人工作总结

2015/02/28 职场文书

python实现简单倒计时功能

2021/04/21 Python

SpringCloud之@FeignClient()注解的使用方式

2021/09/25 Java/Android

python+opencv实现目标跟踪过程

2022/06/21 Python