利用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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
js变量以及其作用域详解
Jul 18 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
vue-cli V3.0版本的使用详解
Oct 24 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
Vue路由对象属性 .meta $route.matched详解
Nov 04 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP 5.0对象模型深度探索之对象复制
2008/03/27 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
6个超实用的PHP代码片段
2015/08/10 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
js中replace的用法总结
2013/12/27 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
Python基于DES算法加密解密实例
2015/06/03 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
python中如何打包用户自定义模块
2020/09/23 Python
Python 里最强的地图绘制神器
2021/03/01 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
自荐书4要点
2014/01/25 职场文书
学习方法演讲稿
2014/05/10 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
高中英语教学反思范文
2016/03/02 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS
如何自己动手写SQL执行引擎
2021/06/02 MySQL
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫
Python采集壁纸并实现炫轮播
2022/04/30 Python