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

相关文章

问题背景 最近小伙伴提了一个希望提高后台下拉列表可操作性的...
// n位随机数生成 function randomNum(n) { let sString = &...
HTML是HyperText Markup Language的简称,中文名称:超文本标...
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现...
JavaScript 是脚本语言,是一种解释性脚本语言(代码不进行预...
本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网...