js怎样实现点击不同Button在该Button位置显示Div
2个回答
展开全部
<html>
<head>
<meta charset="utf8"/>
<title>onclick</title>
<style type='text/css'>
/*div标签绝对定位在浏览器中间*/
#a{ width:300px; height:140px; position:absolute; top:50%; left:50%; margin:-70px 0 0 -150px;display:none; background:pink;}
</style>
</head>
<body>
<input type='button' id='aa' value='弹出aa' />
<div id='a'>弹出aa</div>
</body>
</html>
<script type='text/javascript'>
//全局变量,记录单击次数,初始值为0
var i=0;
//获得aa这个button按钮并绑定单击事件,触发一个方法
document.getElementById('aa').onclick=function (){
//三目运算,根据单击次数执行显示还是隐藏
i++%2==0?document.getElementById('a').style.display='block':document.getElementById('a').style.display='none';
}
</script>
<head>
<meta charset="utf8"/>
<title>onclick</title>
<style type='text/css'>
/*div标签绝对定位在浏览器中间*/
#a{ width:300px; height:140px; position:absolute; top:50%; left:50%; margin:-70px 0 0 -150px;display:none; background:pink;}
</style>
</head>
<body>
<input type='button' id='aa' value='弹出aa' />
<div id='a'>弹出aa</div>
</body>
</html>
<script type='text/javascript'>
//全局变量,记录单击次数,初始值为0
var i=0;
//获得aa这个button按钮并绑定单击事件,触发一个方法
document.getElementById('aa').onclick=function (){
//三目运算,根据单击次数执行显示还是隐藏
i++%2==0?document.getElementById('a').style.display='block':document.getElementById('a').style.display='none';
}
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div设置为绝对定位，在点击按钮时获取鼠标位置赋值给div就可以了啊
追问
有没有一个例子，谢了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
