修改jquery里的对话对话框插件为框架页(iframe)的方法

jquery有个很不错的用户界面插件，对话框插件，他的官方网站上有各种形式的演示：http://jqueryui。com/demos/dialog/，可能大家用得比较多的还是它的默认模式，具体的用法官网上都有，也有中文的讲解地址，我就不再重复了，最近在弄弹出框架页，仔细一看，和对话插件的模态形式模式很相似，演示演示效果：http://

就是这么个效果，要进行登录注册弹出层，至于为什么我不直接用模态形式来做呢？因为我喜欢，你管我。所以我就做了个jquery下面对话的插件，需要引用原来对话的文件。具体代码如下： 复制代码代码如下：(函数($){ $)。fn。open window=function(options){ var divided=' dialog ' math。圆(数学。random()* 100)；定义变量设置={ id: divId，width: 300，height: 200，modal: true，buttons: { }，show: 'explode '，hide: 'highlight '，title: '提示，url: '/test.aspx '，关闭： function(){ $(' # ' this。id ).移除();//调试器if(文档。getelementbyid(这。id))文档。尸体。移除子文档。getelementbyid(这。id))；} };if (options) { $ .扩展（设置，选项);} $(“正文”).追加(“div id=”设置。id ' ' Title=' Dialog Title ' p class=' loading '/p/div ')；//对话框$("# "设置。id ).对话框({ autoOpen: false，title: settings.title，width: settings.width，height: settings.height，modal: true，bgiframe: true，show: settings.show，hide: settings.hide，buttons: settings.buttons，close: settings.close，open : function(){ $(“#”id settings).html(' iframe src=' http : '设置。URL ' '框架边框=' 0 '高度='100% '宽度='100%' id='dialogFrame '滚动=' auto '/iframe ')；}，resizeStop:函数(){ $('#dialogFrame ').css('width '，parseInt($(this)).CSS('宽度')-5)；$('#dialogFrame ').css('height '，parseInt($(this)).CSS('高度')-5)；} });$("# "设置。id ).对话框("打开");归还这个；};})(jQuery)；我想大家应该都还看得懂的，没啥复杂的，就是重复重复再重复的工作。甚至很多参数本身就是对话的，我只是加了层皮。我相信这个方法是很多新手都希望用到的，毕竟不是每个人都喜欢并熟练使用ajax，所以这时候内联框架的用途还是很大的。并希望有兴趣的朋友加入我的Q群：70210212、5678537,平时多勾通下，有问题不用一个人想。