Question

jquery或JS写一个弹出层

jquery或JS写一个弹出层后面有个遮罩，弹出时其他元素不可以点击，鼠标滚轮滑动时，该层始终在可视区的中央

Answer 1

我就用jquery写吧！
这是html部分
<div id="mask"><input type="button" value="您现在只能点击这里" onclick="showmask(0)"/></div>
<input type="button" onclick="showmask(1)" value="遮罩"/>
<style type="text/css">
body{ margin: 0;padding: 0;}
#mask{ width: 100%; background:#000; display: none; position:absolute; z-index: 1000;}
#mask input{margin:200px 200px auto 600px;}
</style>
这是jquery

$(function(){$("#mask").height($(document).height()).css("opacity","0.5")})
function showmask(bool){
if(bool){
$("#mask").show();
}else{
$("#mask").hide()
}
}

能力有限 难免有bug

Answer 2

直接用jquery ui控件就可以了，有一个dialog的控件，功能比较齐全。

Answer 3

thickbox
一款jquery插件，满足你的要求

Answer 4

其实这个效果有很多的插件可以实现，自己写难看不说，各个浏览器还可能有兼容性问题！
如果你是学习的话，我帮你写一个，可以加QQ：524959250