编程 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 一个自定义长度的文本自动换行的函数

Aug 19 Javascript

js arguments.callee的应用代码

May 07 Javascript

js jq 单击和双击区分示例介绍

Nov 05 Javascript

jquery原创弹出层折叠效果点击折叠弹出一个层

Mar 12 Javascript

用js设置下拉框为只读的小技巧

Apr 10 Javascript

javascript去除字符串中所有标点符号和提取纯文本的正则

Jun 07 Javascript

javascript实现数组中的内容随机输出

Aug 11 Javascript

jQuery实现背景弹性滚动的导航效果

Jun 01 Javascript

KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定

Oct 10 Javascript

bootstrap fileinput实现文件上传功能

Aug 23 Javascript

详解vue 实例方法和数据

Oct 23 Javascript

django使用channels2.x实现实时通讯

Nov 28 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

基于HTTP长连接的"服务器推"技术的php 简易聊天室

2009/10/31 PHP

javascript 简单高效判断数据类型系列函数 By shawl.qiu

2007/03/06 Javascript

高效的获取当前元素是父元素的第几个子元素

2013/10/15 Javascript

JavaScript中的console.dir()函数介绍

2014/12/29 Javascript

JavaScript插件化开发教程（五）

2015/02/01 Javascript

jQuery实现径向动画菜单效果

2015/07/17 Javascript

详解JavaScript的另类写法

2016/04/11 Javascript

jquery.qtip提示信息插件用法简单实例

2016/06/17 Javascript

Bootstrap登陆注册页面开发教程

2016/07/12 Javascript

js canvas实现擦除动画

2016/07/16 Javascript

浅谈jQuery效果函数

2016/09/16 Javascript

学习vue.js计算属性

2016/12/03 Javascript

js图片轮播插件的封装

2017/07/21 Javascript

分析javascript中9 个常见错误阻碍你进步

2017/09/18 Javascript

layui在form表单页面通过Validform加入简单验证的方法

2019/09/06 Javascript

微信小程序canvas截取任意形状的实现代码

2020/01/13 Javascript

逐行分析鸿蒙系统的 JavaScript 框架(推荐)

2020/09/17 Javascript

jQuery zTree如何改变指定节点文本样式

2020/10/16 jQuery

Python EOL while scanning string literal问题解决方法

2020/09/18 Python

在Python中使用PIL模块对图片进行高斯模糊处理的教程

2015/05/05 Python

在Django中限制已登录用户的访问的方法

2015/07/23 Python

Python使用matplotlib绘制三维图形示例

2018/08/25 Python

python实现桌面壁纸切换功能

2019/01/21 Python

python selenium 查找隐藏元素自动播放视频功能

2019/07/24 Python

django重新生成数据库中的某张表方法

2019/08/28 Python

Python文字截图识别OCR工具实例解析

2020/03/05 Python

使用pandas库对csv文件进行筛选保存

2020/05/25 Python

Windows下PyCharm配置Anaconda环境(超详细教程)

2020/07/31 Python

DJI美国：消费类无人机领域的领导者

2018/04/27 全球购物

波兰灯具、照明和LED购物网站：Lampy.pl

2019/03/11 全球购物

描述JSP和Servlet的区别、共同点、各自应用的范围

2012/10/02 面试题

资源环境与城市管理专业推荐信

2013/11/30 职场文书

四风问题查摆剖析材料

2014/10/11 职场文书

预备党员群众路线教育实践活动思想汇报2014

2014/10/25 职场文书

mysql数据库入门第一步之创建表

2021/05/14 MySQL

webpack介绍使用配置教程详解webpack介绍和使用

2022/06/25 Javascript