Question

javascript中的alert函数被执行时，程序焦点会转移到该函数上，我想做个div弹出层取代alert的效果

求教，用div做弹出层会用到哪些js对象，功能是什么【我想要的效果是除弹出框的其他部分是透明的】，网上的代码有很多，我也其实说白了就是看不懂那些函数的作用，求解释，各位附上代码，顺带附点解释，麻烦了

Answer 1

说简单点原理就是：定义一个宽度高度均为100%的层，设置它的position、和z-index属性使其居于body内其它元素的上方来遮住页面其它元素，然后再在这个层的中间写上替代alert的弹出框。当你显示的时候使用document.getElementById获取外层对象，然后改变它的CSS Display属性使其显示出来就可以了。当然实际上你要自己做一个是很不简单的，要考虑很多种情况，如果仅仅是为了项目需求使用那么我推荐用现有的成熟的框架，比如layer等等。

【我想要的效果是除弹出框的其他部分是透明的】 ，你这个使用CSS opacity属性可以控制对象的透明度。

Answer 2

可以使用jQuery UI插件
首先引入jQuery和插件js,
<link rel="stylesheet" type="text/css" href="jquery/ui/css/jquery-ui.css">
<script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
<script src="jquery/ui/js/jquery-ui.min.js"></script>
其中文件路径自己随意

然后调用显示代码：
$('#show_app_popup').dialog({
modal: true, //是否模态对话框
draggable : false,//是否可以拖拽
width: "auto", //自动宽度
height: "auto",//自动高度
position : "center" //居中
});

Answer 3

有现成的拿来用就好了。
除弹出框的其他部分是透明的

除了弹出框哪有其他部分？你想弄个遮罩层?