源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

利用JS进行图片的切换即特效展示图片

时间：2021-05-17 11:16 编辑：来源：阅读：
扫一扫，手机访问

摘要：利用JS进行图片的切换即特效展示图片

在网页制作的时候，需要利用JS进行特效展示图片，下面是利用JS简单制作的图片的切换。

[u]复制代码[/u] 代码如下:

<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>

全部评论(0)

上一篇：Java关系操作符简写介绍
下一篇：用JavaScript获取DOM元素位置和尺寸大小的方法

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部