弹出对话框用什么插件比较好？

Question

 一般自己写
$('<div style="width:100px;height:100px;background:#ccc;position:fixed;margin-left:-50px;margin-top:-50px;top:50%;left:50%;">aaa</div>').appendTo(document.body)

Answer 1

回一楼：你的这个太简陋，没有遮罩效果。
回二楼：easyui好像大材小用了吧。

Answer 2

用div自己设计一个，不会太差的，反正弹出对话框一般都是为了提示用户做选择，没必要做的那么专业

Answer 3

当然是jquery-ui中的dialog，
前提是引入<script src="${ctx}/js/jquery-1.4.2.js"></script><!--jquery可以是高版本  -->
<script  src="${ctx}/jquery-ui-1.8.22.custom/js/jquery-ui-1.8.22.custom.min.js"></script>
<link type="text/css" rel="stylesheet"  href="${ctx}/jquery-ui-1.8.22.custom/css/ui-lightness/jquery-ui-1.8.22.custom.css" />
然后定义dialog的框大小和属性
比如
var dialogOptions={
height: 340,
width : 500,
modal : true,
title : '每日一览',
close : "",
buttons:{
"提交":function(){
        alert("已保存")
$(this).dialog("close");

}};
当然了还有其他属性，网上可以自己查阅。
接下来在某个定义好的id上加载dialogOptions
$("#riskMsg").dialog(dialogOptions);
接着打开dialog
$("#riskMsg").dialog("open");
ok!

Answer 4

推荐你一个非常好用的【layer web弹层组件】：下载教程地址-》http://sentsin.com/jquery/layer/
再推荐一个插件库网站 www.ui3g.com/