The Iframe window popped up by jQuery is better than $. dialog. jquery. dialog
The core code is as follows:
/*** Iframe pop-up layer example: openDialogByIframe (550,450, 'new unit ', 'add. do '); ** @ param width * @ param height * @ param tit * Title * @ param url * iframe URL */function openDialogByIframe (width, height, tit, url) {var winWinth = $ (window ). width (), winHeight = $ (document ). height (); $ ("body "). append ("<div class = 'yz _ popIframeDiv '> </div>"); $ ("body "). append ("<div class = 'yz_poptanchu '> <div class = 'yz_poptanchutit'> <span class = 'yz_poptanchutxt '>" + tit + "</ span> <span class = 'yz _ poptanchuclose'> close </span> </div> <iframe class = 'winiframe' frameborder = '0' hspace = '0' src = "+ url +"> </iframe> </div> "); $ (". yz_popIframeDiv ").css ({width: winWinth, height: winHeight, background:" #000 ", position:" absolute ", left:" 0 ", top:" 0 "}); $ (". yz_popIframeDiv "). fadeTo (0, 0.5); var yz_popTanChuLeft = $ (window ). width ()/2-width/2; var yz_popTanChuTop = $ (window ). height ()/2-height/2 + $ (window ). scrollTop (); $ (". yz_popTanChu ").css ({width: width, height: height, border:" 3px # ccc solid ", left: yz_popTanChuLeft, top: yz_popTanChuTop, background:" # fff ", position: "absolute"}); $ (". yz_popTanChutit ").css ({width: width, height:" 25px "," border-bottom ":" 1px # ccc solid ", background:" # eee ", "line-height": "25px"}); $ (". yz_popTanChuTxt ").css ({" text-indent ":" 5px "," float ":" left "," font-size ":" 14px "}); $ (". yz_popTanChuClose ").css ({" width ":" 40px "," float ":" right "," font-size ":" 12px "," color ":" #667 ", "cursor": "pointer"}); var winIframeHeight = height-26; $ (". winIframe ").css ({width: width, height: winIframeHeight," border-bottom ":" 1px # ccc solid ", background:" # ffffff "}); $ (". yz_popTanChuClose "). hover (function () implements callback (this).css ("color", "#334") ;}, function () implements callback (this..css ("color", "#667 ");}); $ (". yz_popTanChuClose "). click (function () {$ (". yz_popIframeDiv "). remove (); $ (". yz_popTanChu "). remove ();});}