利用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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
详解JS面向对象编程
Jan 24 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
原生js实现俄罗斯方块
Oct 20 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
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)
2017/02/04 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
js 获取html5的data属性实现方法
2017/07/28 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
微信小程序将字符串生成二维码图片的操作方法
2018/07/17 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
python清理子进程机制剖析
2017/11/23 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Python 创建守护进程的示例
2020/09/29 Python
Python操作Excel的学习笔记
2021/02/18 Python
canvas烟花特效锦集
2018/01/17 HTML / CSS
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
Java的五个基础面试题
2016/02/26 面试题
护理专业求职信
2014/06/15 职场文书
党员十八大心得体会
2014/09/12 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书