欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

js图片替换,超简单

更新时间: 2014-01-05 01:50:47 责任编辑: Author_N1

 

js图片轮换,超简单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var numb = 0;
var imgnumb = 1;
function imgfor() {
imgnumb++;
document.getElementById('img1').setAttribute('src',
'picture/' + imgnumb + '.jpg');
if (imgnumb == 9) {
imgnumb = 0;
}
}
var clearid;
function clearfun() {
window.clearInterval(clearid);
}
clearid = setInterval(imgfor, 2000);
</script>
</head>
<body>
<img alt="这是一张图" id="img1" class="style1" src="picture/1.jpg"
width="500px" height="500px" />
<br />
<input type="button" value="多张图片轮换" onclick="imgfor();" />
<br />
<input type="button" value="结束执行" onclick="clearfun();" />
</body>
</html>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:50:47
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1940/
本文WWW.DOC100.NET DOC100.NET版权所有。