HTML 比如有3张图片 一个按钮 点击一个图片再点击按钮实现左右互换？
2个回答
展开全部
这个需要用JS来实现，建议采用jQuery来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>—层的切换—</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:84px;
height:23px;
z-index:1;
left: 13px;
top: 16px;
display:none;
}
#Layer2 {
position:absolute;
width:34px;
height:17px;
z-index:1;
left: 32px;
top: 18px;
}
-->
</style>
</head>
<script>
function show(){
document.getElementById("Layer1").style.display="block";
}
function show1(){
document.getElementById("Layer1").style.display="none";
}
</script>
<body>
<img src="back1.jpg" width="82" height="23" onClick="show()">
<div id="Layer1" onClick="show1()"><img src="back2.jpg" width="82" height="23"></div>
<div id="Layer2" ><font color="#FF0000">登录</font></div>
</body>
</html>
<head>
<title>—层的切换—</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:84px;
height:23px;
z-index:1;
left: 13px;
top: 16px;
display:none;
}
#Layer2 {
position:absolute;
width:34px;
height:17px;
z-index:1;
left: 32px;
top: 18px;
}
-->
</style>
</head>
<script>
function show(){
document.getElementById("Layer1").style.display="block";
}
function show1(){
document.getElementById("Layer1").style.display="none";
}
</script>
<body>
<img src="back1.jpg" width="82" height="23" onClick="show()">
<div id="Layer1" onClick="show1()"><img src="back2.jpg" width="82" height="23"></div>
<div id="Layer2" ><font color="#FF0000">登录</font></div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
