jquery如何弹出自定义对话框？

可以使用jDialog插件来实现。
jDialog是一个基于jquery的轻量级自定义各类对话框插件。
项目开发过程中，alert()通常修饰如下：
调用alert方法</button>
确认方法调用</button>
iframe方法</button>按钮n>
仅显示对话框的窗口内容</button>
对话框配置按钮</button>
消息模式调用</button>
调用提示模式</button>
下面是JS代码$("#test1").clickk(function(){vardialog=jDialog.alert(´欢迎使用jDialog组件´,{},{showShadow:false,//不显示阴影对话框buttonAlign:´center´,events:{show:function(evt){vardlg=evt.data.dialog;},close:function(evt){vardlg=evt.data.dialog;},enterKey:function(evt){alert('enterkeypressed!');},escKey:function(evt){alert('esckeypressed!');evt.data.dialog.close();}}});});$("#test2").click(function(){vardialog=jDialog.confirm('欢迎使用jDialog组件，我已确认！',{handler:function(button,dialog){alert('您点击了确定！');dialog.close();}},{handler:function(button,dialog){alert('您点击了取消！');dialog.close();}});});$("#test3").click(function(){//通过options参数控制iframe对话框vardialog=jDialog.iframe(;,{title:´width:1100,height:550});});$("#test4").click(function(){//通过options参数，检查dialogvardialog=jDialog.dialog({title:´自定义对话框´,content:´});});$("#test5").click(function(){//通过options参数，控制对话框vardialog=jDialog.dialog({title:´自定义对话框´,contents:´;,buttons:[{type:'highlight',text:'Hello',handler:function(button,dialog){dialog.close();}}]});});$("#test6").click(function(){vardialog=jDialog.message(´´,{autoClose:3000,//填充3秒后自动关闭:´30px´,//设置InternalPaddingpartmodal:true//非模态，即遮罩层不来显示});});$("#test7").click(function(){vardialog=jDialog.tip(´´,{target:$(´#test7´),position:´左上´,trianglePosFromStart:0,autoClose:1000,偏移量:{顶部:-20,左:10,右:0,底部:0}});})

写的jquery代码，用IE浏览器时弹出下面的对话框

仅当您直接在本地查看HTML文件时才可见，而当您在线或在项目中导入该文件时则不可见。