利用JS进行图片的切换即特效展示图片
更新时间：2013年12月03日 17:24:32 作者：
做网页时需要利用JS进行特效展示图片，下面是利用JS简单制作的图片的切换，需要的朋友可以了解下
在网页制作的时候，需要利用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>
复制代码 代码如下:
<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>
相关文章
PixiJS是一个开源的基于web的渲染系统，为游戏、数据可视化和其他图形密集型项目提供了极快的性能。这篇文章主要带大家学习一下PixiJS是如何实现文字绘制的，希望对大家有所帮助2023-02-02
这篇文章主要介绍了javascript常用函数，再来15个常用函数，都具有很高的实用性，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了uni-app小程序实现微信在线聊天（私聊/群聊）,今天记录一下项目核心功能的实现过程。页面UI以及功能逻辑全部来源于微信，即时聊天业务的实现使用socket.io，前端使用uni-app开发，后端服务器基于node实现，数据库选择mongoDB，需要的朋友可以参考下2023-02-02
这篇文章介绍了javascript中简单的进制转换代码实例，有需要的朋友可以参考一下2013-10-10
这篇文章主要想和大家一起探讨一下JavaScript中给原始数据类型添加属性和方法为什么不报错,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下2023-11-11
这篇文章主要介绍了Three.js中实现一个OBBHelper,本文参考Box3Helper源码，并写出一个OBBHelper，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2023-09-09
本篇文章主要介绍了Redux实现组合计数器的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了js中各种时间日期格式之间转换的相关资料,还有获取今天的年月日和计算两个日期之间的相差天数的方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
本节主要介绍了ie8下面处理 new Date()的问题,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了javascript获取指针的位置的方法,通过代码介绍了如何调用上面扩展函数 getMP() 捕获当前鼠标指针在文档中的位置，需要的朋友可以参考下2021-10-10
最新评论