我是靠谱客的博主 端庄洋葱,最近开发中收集的这篇文章主要介绍利用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>

最后

以上就是端庄洋葱为你收集整理的利用JS进行图片的切换即特效展示图片的全部内容,希望文章能够帮你解决利用JS进行图片的切换即特效展示图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(101)

评论列表共有 0 条评论

立即
投稿
返回
顶部