JS对img进行操作(换图片/切图/轮换/停止)
JS对img进行操作(换图片/切图/轮换/停止)
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:vari=1;varn;functionshowImg(){if(document.getElementById('img...

复制代码 代码如下:

<script type="text/javascript">

var i = 1; var n;

function showImg() {

if (document.getElementById('img').getAttribute("src") == "images/1.jpg") {

document.getElementById('img').setAttribute("src","images/2.jpg");

}

else {

document.getElementById('img').setAttribute("src","images/1.jpg");

}

}

function showImg1() {

document.getElementById('img').setAttribute("src", "images/" + i + ".jpg"); i++;

if (i > 10)

{

i = 1;

}

}

function show() {

n=setInterval(showImg1, 500);

}

function show1() {

clearInterval(n);

}

</script>

</head>

<body>

<img id="img" alt="" src="images/1.jpg" width="200" height="200" />

<input id="Button1" type="button" value="换图片" />

<input id="Button2" type="button" value="切图" />

<input id="Button3" type="button" value="轮换" />

<input id="Button4" type="button" value="停止轮换" />

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类