利用JS进行图片的切换即特效展示图片_Javascript教程-查字典教程网
利用JS进行图片的切换即特效展示图片
利用JS进行图片的切换即特效展示图片
发布时间:2016-12-30 来源:查字典编辑
摘要:在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换。复制代码代码如下:varsrr=newArray('图片...

在网页制作的时候,需要利用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教程学习
    热门Javascript教程学习
    编程开发子分类