在jsp页面如何用 js 实现点击一个图片切换另一个图片,3秒后又恢复之前的图片???
展开全部
<html>
<head><title>test</title>
<script type="text/javascript">
function changeImg(img) {
var a = document.getElementById(img);
a.src="2.jpg";
setTimeout("document.getElementById('img').src='1.jpg';",3000);
}
</script>
</head>
<body>
<img id="img" src="1.jpg" onclick="changeImg('img')"></img>
</body>
</html>
好像实现的不是很好，，参数传递 有问题。。不过楼主要求的功能是有了。。自己改进下。。
修改一下：
<html>
<head><title>test</title>
<script type="text/javascript">
function changeImg(img) {
document.getElementById(img).src="2.jpg";
setTimeout("document.getElementById('"+img+"').src='1.jpg';",3000);
}
</script>
</head>
<body>
<img id="img" src="1.jpg" onclick="changeImg(this.id)"></img>
</body>
</html>
<head><title>test</title>
<script type="text/javascript">
function changeImg(img) {
var a = document.getElementById(img);
a.src="2.jpg";
setTimeout("document.getElementById('img').src='1.jpg';",3000);
}
</script>
</head>
<body>
<img id="img" src="1.jpg" onclick="changeImg('img')"></img>
</body>
</html>
好像实现的不是很好，，参数传递 有问题。。不过楼主要求的功能是有了。。自己改进下。。
修改一下：
<html>
<head><title>test</title>
<script type="text/javascript">
function changeImg(img) {
document.getElementById(img).src="2.jpg";
setTimeout("document.getElementById('"+img+"').src='1.jpg';",3000);
}
</script>
</head>
<body>
<img id="img" src="1.jpg" onclick="changeImg(this.id)"></img>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
