js实现点击一图标显示另一图标问题,求高手解决,感激感激
js如下:<scripttype="text/javascript">functionchangeicon(plus,subtract){document.getElem...
js如下:
<script type="text/javascript">
function changeicon(plus,subtract){
document.getElementById(plus).style.display=="none";
document.getElementById(subtract).style.display=="block";
}
</script>
html如下:
<div id="head_right">
<a href="javascript:void(0)"><img class="head_icon" id="plus" src="images/plus.png" onclick="changeicon('subtract','plus')"/></a>
<a href="javascript:void(0)"><img class="head_icon" id="subtract" src="images/subtract.png" onclick="changeicon('plus','subtract')"/></a>
</div>
css如下:
.head_icon{
height:30px;
margin-top:15px;}
#head_right{
width:51px;
height:100%;
background:url(../images/phone_head_right_bg.jpg) no-repeat;
float:right;} 展开
<script type="text/javascript">
function changeicon(plus,subtract){
document.getElementById(plus).style.display=="none";
document.getElementById(subtract).style.display=="block";
}
</script>
html如下:
<div id="head_right">
<a href="javascript:void(0)"><img class="head_icon" id="plus" src="images/plus.png" onclick="changeicon('subtract','plus')"/></a>
<a href="javascript:void(0)"><img class="head_icon" id="subtract" src="images/subtract.png" onclick="changeicon('plus','subtract')"/></a>
</div>
css如下:
.head_icon{
height:30px;
margin-top:15px;}
#head_right{
width:51px;
height:100%;
background:url(../images/phone_head_right_bg.jpg) no-repeat;
float:right;} 展开
4个回答
展开全部
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.head_icon {
height: 30px;
margin-top: 15px;
}
#head_right {
width: 51px;
height: 100%;
background: url(../images/phone_head_right_bg.jpg) no-repeat;
float: right;
}
</style>
<script type="text/javascript">
function changeicon(plus, subtract) {
document.getElementById(plus).style.display = "block";
document.getElementById(subtract).style.display = "none";
}
</script>
</head>
<body>
<div id="head_right">
<a href="javascript:void(0)">
<img class="head_icon" id="plus" src="JsLocalTest/img/news_panel_bottom.png" onclick="changeicon('subtract','plus')" /></a>
<a href="javascript:void(0)">
<img class="head_icon" id="subtract" src="JsLocalTest/img/news_bottom_03.png" onclick="changeicon('plus','subtract')" /></a>
</div>
</body>
</html>
追问
点击切换的问题是解决了,可是点击之后图标位置偏移了
追答
幸福来的太突然了！！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="head_right">
<a href="javascript:void(0)"><img class="head_icon" id="plus" src="images/plus.png" onclick="changeicon('plus','subtract')"/></a>
<a href="javascript:void(0)"><img class="head_icon" id="subtract" src="images/subtract.png" onclick="changeicon('subtract','plus')"/></a>
</div>
参数写反了。。。 changeicon('plus','subtract')
<script type="text/javascript">
function changeicon(plus,subtract){
document.getElementById(plus).style.display="none";
document.getElementById(subtract).style.display="block";
}
</script>
赋值是 “=”号
<a href="javascript:void(0)"><img class="head_icon" id="plus" src="images/plus.png" onclick="changeicon('plus','subtract')"/></a>
<a href="javascript:void(0)"><img class="head_icon" id="subtract" src="images/subtract.png" onclick="changeicon('subtract','plus')"/></a>
</div>
参数写反了。。。 changeicon('plus','subtract')
<script type="text/javascript">
function changeicon(plus,subtract){
document.getElementById(plus).style.display="none";
document.getElementById(subtract).style.display="block";
}
</script>
赋值是 “=”号
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
哪里想不通，直接点说吧，你想要的效果是怎样的？？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js那里应该是“=” 不是“=="
更多追问追答
追问
那里是错了,谢谢,不过还是不能实现,能帮我调试一下吗
追答
我感觉你要的效果 好像是说要
点击图片A 就隐藏A 显示B
点击图片B 就隐藏B 显示A
如果是这样 就把js的第一句的none换成block， 第二句的换成none
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
