JS如何弹出一个层
日期：2014-05-16 浏览次数：20390 次
JS怎么弹出一个层
就是在JS中如果满足某个条件就弹出一个层 可以输入姓名和手机号并提交到后台
------解决方案--------------------
弹出一个层 通常的做法是在body下建立一个div满屏然后绝对定位，然后把这个div的背景设置成灰色，然后在画出你想要的样式，
也可以使用已经有的框架，这样可以省去你一些工作。
------解决方案--------------------
现在很多人会被 需求的表面迷惑住
【弹出~~】
千万不要像这个方向考虑
不是就是 一个 div 从隐藏状态切换成显示状态
那么现在问题就是
怎么让一个 div 从隐藏变成显示？
完成了在考虑 这个div 怎么定位？（就是怎么设置div的left top）
现在 分析下来 感觉已经没问题了
------解决方案--------------------
jquery ui 不就有弹出层吗？自己那么费事干嘛？
自己要费事， 也行。
做两个层，
一个背景层铺满， 半透明的背景色;
一个显示层在上面，
该咋办该办吧
------解决方案--------------------
就是在JS中如果满足某个条件就弹出一个层 可以输入姓名和手机号并提交到后台
------解决方案--------------------
弹出一个层 通常的做法是在body下建立一个div满屏然后绝对定位，然后把这个div的背景设置成灰色，然后在画出你想要的样式，
也可以使用已经有的框架，这样可以省去你一些工作。
------解决方案--------------------
现在很多人会被 需求的表面迷惑住
【弹出~~】
千万不要像这个方向考虑
不是就是 一个 div 从隐藏状态切换成显示状态
那么现在问题就是
怎么让一个 div 从隐藏变成显示？
完成了在考虑 这个div 怎么定位？（就是怎么设置div的left top）
现在 分析下来 感觉已经没问题了
------解决方案--------------------
jquery ui 不就有弹出层吗？自己那么费事干嘛？
自己要费事， 也行。
做两个层，
一个背景层铺满， 半透明的背景色;
一个显示层在上面，
该咋办该办吧
------解决方案--------------------
<style>
#max{
width:200px; background-color:#F3F3F3; height:200px;position:absolute; z-index:1;left:100px;top:100px;
border:2px #D68a0c solid;
display:none;
/* position:absolute; left:100px;top:100px; 这三个样式是重点*/
}
</style>
<body>
<script>
$(document).ready(function(){
$("#show").click(function(){
$("#max").show();
})
$("#close").click(function(){
$("#max").hide();
})
});
</script>
<p id="show">点我</p>
<div id="max"><p align="right" style="margin:0px;padding:0px; cursor:pointer;" id="close"><b>关闭</b></p>
<div>这里面放内容</div>
</div>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
