网页设计，点击弹出div 盒子
5个回答
展开全部
效果图：
简单的代码：
<html>
<head>
<style>
*{margin:0;padding:0;}
#_outs{margin:0 auto;height:50px;width:200px;margin-top:200px;position:relative;}
#_ins{position:absolute;height:50px;width:200px;border:1px solid green;top:15px;left:100px;border-radius:5px;display:none;text-
align:center;line-height:50px;}
</style>
<script>
function tanchu(){
document.getElementById("_ins").style.display="block";
}
function guanbi(){
document.getElementById("_ins").style.display="none";
}
</script>
</head>
<body>
<div id="_outs">
<input type="button" value="点击按钮弹出div" onclick="tanchu()"></input>
<div id="_ins">弹出div
<input type="button" value="点击按钮关闭div" onclick="guanbi()"></input>
</div>
</div>
</body>
</html>
自己可以复制代码运行下， 应该是你要弄的效果吧。有不理解的可以追问我哦！记得采纳哦。或者选为优质。谢谢啦。。。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
哎，你这么问，我只能告诉你，你可能根本不懂js，jquery。
但凡你懂点的话，都不会这么问，你会说，如何给按钮加个click事件，能控制div的隐藏或者展开
那么你不懂js jquery，然后问如何做到，就好像你不懂电子电路，然后问如何做一个遥控飞机，该怎么给你说呢？？从最基础的说吧，那是好几本书的内容，从高里说吧，说了你也不懂
给你个方向
给元素赋予click事件
http://www.w3school.com.cn/jquery/event_click.asp
元素的隐藏展开
http://www.w3school.com.cn/jquery/jquery_hide_show.asp
至于div的定位就不说了，与弹出相关，但是你没问，就像我说的，知识是有相关性的，你问的问题后面其实有很多东西要学。
但凡你懂点的话，都不会这么问，你会说，如何给按钮加个click事件，能控制div的隐藏或者展开
那么你不懂js jquery，然后问如何做到，就好像你不懂电子电路，然后问如何做一个遥控飞机，该怎么给你说呢？？从最基础的说吧，那是好几本书的内容，从高里说吧，说了你也不懂
给你个方向
给元素赋予click事件
http://www.w3school.com.cn/jquery/event_click.asp
元素的隐藏展开
http://www.w3school.com.cn/jquery/jquery_hide_show.asp
至于div的定位就不说了，与弹出相关，但是你没问，就像我说的，知识是有相关性的，你问的问题后面其实有很多东西要学。
追问
您就说了一堆废话…………
追答
我晕，给你说的东西你理解不了，难怪你觉得我说的是废话。你找个专业前端开发得人问问看，我说的是不是废话。我真是多余给你打了这么多字，举例说明。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用bootstrap的modal或者自己写个div 隐藏状态 点击时显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
dreamweaver当中有可直接窗口操作的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
