在js文件中写代码使得html点击图片变成另一幅图片？
<div><imgsrc="images/pot1.png"width="45"height="45"></div>我想通过在js文件中写点击事件代码来将图片变换成ima...
<div><img src="images/pot1.png" width="45" height="45"></div> 我想通过在js文件中写点击事件代码来将图片变换成images/pot2.png.怎么写？求大神帮助。
展开
3个回答
展开全部
<div><img src="images/pot1.png" width="45" height="45"></div>
<script>
var oImg = document.getElementById('img');
var onOff = true;
oImg.onclick = function() {
if ( onOff ) {
oImg.src = 'images/pot2.png';
onOff = false;
}
else {
oImg.src = 'images/pot1.png';
onOff = true;
}
};
</script>
追问
不好意思，再次打扰，请问getElementById(img)是要给img图片赋予id值嘛？
追答
不好意思啊，取他的id值，粘贴的时候忘记加了
<div><img id="img" src="images/pot1.png" width="45" height="45"></div>
<script>
var oImg = document.getElementById('img');
var onOff = true;
oImg.onclick = function() {
if ( onOff ) {
oImg.src = 'images/pot2.png';
onOff = false;
}
else {
oImg.src = 'images/pot1.png';
onOff = true;
}
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="images/pot1.png" width="45" height="45" onclick="testFunc(this)" />
function testFunc(oImg){
oImg.src="images/pot2.png";
}
function testFunc(oImg){
oImg.src="images/pot2.png";
}
追问
这种你处理的来嘛？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title>transfer_img</title>
<script>
var onOff = true;
function testFunc (oImg) {
if (onOff) {
oImg.src = "/img/fork.png";
onOff = false;
} else {
oImg.src = "/img/menu_icon.png";
onOff = true;
}
};
</script>
</head>
<body>
<div>
<img src="/img/menu_icon.png"
width="45" height="45" onclick="testFunc(this)"/>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
