利用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中的caller和callee属性介绍和例子
Jun 07 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
PHP中显示格式化的用户输入
2006/10/09 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
PHP中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
pymysql 开启调试模式的实现
2019/09/24 Python
python切割图片的示例
2020/11/12 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
仓库管理专业个人自我评价范文
2013/11/11 职场文书
社区志愿者培训方案
2014/06/10 职场文书
庆六一宣传标语
2014/10/08 职场文书
班主任工作经验交流会总结
2015/11/02 职场文书
使用python创建股票的时间序列可视化分析
2022/03/03 Python
2022年四月新番
2022/03/15 日漫
Nginx配置之禁止指定IP访问
2022/05/02 Servers