手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >利用JS进行图片的切换即特效展示图片
利用JS进行图片的切换即特效展示图片
摘要:在网页制作的时候,需要利用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>

【利用JS进行图片的切换即特效展示图片】相关文章:

js实现键盘Enter键提交表单的方法

javascript实现table表格隔行变色的方法

显示行号的文本输入框

Javascript实现每日自动换一张图片的方法

自适应图片大小的弹出窗口

COOL而实用的动态效果

Jquery实现动态切换图片的方法

js+html5绘制图片到canvas的方法

利用js实现禁止复制文本信息

jquery预加载图片的方法

精品推荐
分类导航