如何用js实现点击图片切换另一图片，再次点击恢复？
以下是我写的代码<script>functionchange_pic(){varimgObj=document.getElementById("caocao_pic");...
以下是我写的代码
<script>
function change_pic()
{
var imgObj = document.getElementById("caocao_pic");
if(imgObj.src == "images/caocao.png")
{imgObj.src="images/diaochan.png";}
else
{imgobj.src="images/caocao.png";}
}
</script>
<img src="images/caocao.png" class="wujiang_pic_size" id="caocao_pic" onClick="change_pic()">
点击图片没有反应，不知为何 展开
<script>
function change_pic()
{
var imgObj = document.getElementById("caocao_pic");
if(imgObj.src == "images/caocao.png")
{imgObj.src="images/diaochan.png";}
else
{imgobj.src="images/caocao.png";}
}
</script>
<img src="images/caocao.png" class="wujiang_pic_size" id="caocao_pic" onClick="change_pic()">
点击图片没有反应，不知为何 展开
6个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/doublel.jpg" width="200" height="150"/>
</body>
<script>
var image=document.querySelector('img');
image.onclick=function (){
var mysrc=image.getAttribute('src');
if(mysrc=='img/doublel.jpg'){
image.setAttribute('src','img/timg.jpg');
}else{
image.setAttribute('src','img/doublel.jpg');
}
}
</script>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/doublel.jpg" width="200" height="150"/>
</body>
<script>
var image=document.querySelector('img');
image.onclick=function (){
var mysrc=image.getAttribute('src');
if(mysrc=='img/doublel.jpg'){
image.setAttribute('src','img/timg.jpg');
}else{
image.setAttribute('src','img/doublel.jpg');
}
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
