利用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>
Javascript 相关文章推荐
才发现的超链接js导致网页中GIF动画停止的解决方法
Nov 02 Javascript
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
jquery ajax abort()的使用方法
Oct 28 Javascript
IE6弹出“已终止操作”的解决办法
Nov 27 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
JavaScript实现的字符串replaceAll函数代码分享
Apr 02 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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
2020最新CPU的性能排名
2020/04/02 数码科技
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
2015/06/18 Javascript
js文字横向滚动特效
2015/11/11 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
js时间控件只显示年月
2017/01/08 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
python代码中怎么换行
2020/06/17 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
坚定理想信念心得体会
2014/03/11 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书