编程 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 常用校验函数

Mar 26 Javascript

Javascript 面向对象特性

Dec 28 Javascript

理解Javascript_03_javascript全局观

Oct 11 Javascript

window.onload追加函数使用示例

Mar 03 Javascript

JavaScript制作的可折叠弹出式菜单示例

Apr 04 Javascript

js和jquery中循环的退出和继续下一个循环

Sep 03 Javascript

jQuery解析XML与传统JavaScript方法的差别实例分析

Mar 05 Javascript

vue脚手架中配置Sass的方法

Jan 04 Javascript

vue中倒计时组件的实例代码

Jul 06 Javascript

微信小程序实现订单倒计时

Nov 01 Javascript

纯 JS 实现放大缩小拖拽功能(完整代码)

Nov 25 Javascript

Vue实现动态查询规则生成组件

May 27 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 高手之路（一）

2006/10/09 PHP

PHP截断标题且兼容utf8和gb2312编码

2013/09/22 PHP

php一次性删除前台checkbox多选内容的方法

2013/09/22 PHP

PHP类继承 extends使用介绍

2014/01/14 PHP

php数组分页实现方法

2016/04/30 PHP

JavaScript入门教程(2) JS基础知识

2009/01/31 Javascript

javascript数组遍历for与for in区别详解

2014/12/04 Javascript

jQuery中closest和parents的区别分析

2015/05/07 Javascript

jQuery异步上传文件插件ajaxFileUpload详细介绍

2015/05/19 Javascript

jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】

2016/09/05 Javascript

JS实现的相册图片左右滚动完整实例

2016/11/23 Javascript

jQuery+CSS3实现点赞功能

2017/03/13 Javascript

fullPage.js和CSS3实现全屏滚动效果

2017/05/05 Javascript

node作为中间服务层如何发送请求(发送请求的实现方法详解)

2018/01/02 Javascript

Angular利用内容投射向组件输入ngForOf模板的方法

2018/03/05 Javascript

关于Vue项目跨平台运行问题的解决方法

2018/09/18 Javascript

Node.js 进程平滑离场剖析小结

2019/01/24 Javascript

基于JS实现前端压缩上传图片的实例代码

2019/05/14 Javascript

JavaScript获取页面元素的常用方法详解

2019/09/28 Javascript

利用JS判断元素是否为数组的方法示例

2021/01/08 Javascript

[01:35:13]DOTA2-DPC中国联赛正赛 DLG vs PHOENIX BO3 第一场 1月18日

2021/03/11 DOTA

Python捕捉和模拟鼠标事件的方法

2015/06/03 Python

python字符串中的单双引

2017/02/16 Python

浅谈Python采集网页时正则表达式匹配换行符的问题

2018/12/20 Python

详解python：time模块用法

2019/03/25 Python

Python如何基于selenium实现自动登录博客园

2019/12/16 Python

python输入一个水仙花数(三位数) 输出百位十位个位实例

2020/05/03 Python

解决echarts中饼图标签重叠的问题

2020/05/16 Python

CSS3实现缺角矩形，折角矩形以及缺角边框

2019/12/20 HTML / CSS

Jeep牧马人、切诺基和自由人零配件：4 Wheel Drive Hardware

2017/07/02 全球购物

铭宣海淘转运：美国、日本、英国转运等全球转运公司

2019/09/10 全球购物

设计4个线程，其中两个线程每次对j增加1，另外两个线程对j每次减少1。写出程序。

2014/12/30 面试题

县政府领导班子四风问题对照检查材料思想汇报

2014/09/26 职场文书

2019下半年英语教师的教学工作计划（3篇）

2019/09/25 职场文书

JavaScript 防篡改对象的用法示例

2021/04/24 Javascript

浅谈JS的二进制家族

2021/05/09 Javascript