最後の結果: 复制代码代码如下: 弹出层插件:jquery.artwl.thickbox.js <br>/* ファイル作成日: 2012 年 3 月 1 日 著者:artwl */ <br>;(function ($) { <br>$.extend({ <br>artwl_bind: function (options) { <br>options =$.extend({ <br>showbtnid:"", <br>title:"", <br>content:"" <br>},options); artwl_mask"></div>'; <br>var boxcontain = '<div id="artwl_boxcontain"> <br><a id="artwl_close" href="javascript:void(0);" title="閉じる"</a> <br><div id="artwl_title"> <br><h2> /h2> <br><div id="artwl_message"> <br></div> 🎜></div>'; <br>var cssCode = 'html, body, h1, h2, h3, h4, h5{margin: 0px;padding: 0px;} <br>#artwl_mask{background-color: # 000;位置: 絶対;上: 0px;左: 0px;幅: 100%;高さ: 100%;不透明度: 0.5;フィルター: アルファ(不透明度=50);表示: なし;} <br>#artwl_boxcontain{margin: 0 自動;位置: 絶対;Z インデックス: 2;行の高さ: 28 ピクセル;表示: なし;} <br>#artwl_showbox{パディング: 10 ピクセル;背景: #FFF;境界線の半径: 5 ピクセル;マージン: 20 ピクセル;分-width:300px;min-height:200px;} <br>#artwl_title{position: 相対;height: 27px;border-bottom: 1px ソリッド #999;} <br>#artwl_close{position: 絶対;cursor: ポインタ;アウトライン: なし;上: 0;右: 0;z-index: 4;幅: 42 ピクセル;高さ: 42 ピクセル;オーバーフロー: 非表示;背景画像: url(/upload/201203/20120301220903376.png);_背景: なし; } <br>#artwl_message{パディング: 10px 0px;オーバーフロー: 非表示;行の高さ: 19px;}'; <br>if ($("#artwl_mask").length == 0) { <br>$("body").append(マスクボックスを含む); <br>$("head").append("<style type='text/css'>" cssCode "</style>"); <br>if(options.title!=""){ <br>$("#artwl_title").html(options.title); <br>} <br>if(options.content!=""){ <br>$("#artwl_message").html(options.content); <br>} <br>} <br>$("#" options.showbtnid).click(function () { <br>var height = $("#artwl_boxcontain").height(); <br>var width = $("#artwl_boxcontain").width(); <br>$("#artwl_mask").show(); <br>$("#artwl_boxcontain").css("top", ($(ウィンドウ) .height() - 高さ) / 2).css("left", ($(window).width() - 幅) / 2).show(); <br>if ($.browser.msie && $.ブラウザ.バージョン.substr(0, 1) width = $(window).width() > 600 : $(window).width() - 40; "#artwl_boxcontain").css("width", width "px").css("top", ($(window).height() - height) / 2).css("left", ($(window) ).width() - width) / 2).show(); <br>$("#artwl_mask").css("width", $(window).width() "px").css("height ", $(window).height() "px").css("background", "#888"); <br>$("#artwl_close").css("top", "30px").css ("right", "30px").css("font-size", "20px").text("关闭"); <br>} <br>}); <br>$("#artwl_close").click(function () { <br>$("#artwl_mask").hide(); <br>$("#artwl_boxcontain").hide(); <br> }); <br>}, <br>artwl_close:function(options){ <br>options=$.extend({ <br>callback:null <br>},options); <br>$("#artwl_mask").hide(); <br>$("#artwl_boxcontain").hide(); <br>if(options.callback!=null){ <br>options.callback(); <br>} <br>} <br>}); <br>})(jQuery); <br>$(function () { <br>$.artwl_bind({ showbtnid: "btn_show", title: "From Cnblogs Artwl", content: $("#Content").html() }); <br> }); <br>function test() { <br>alert("Before close"); <br>$.artwl_close({ callback: other }); <br>} <br>function other() { <br>alert("終了後"); <br>} <br> 弹出层插件jquery.artwl.thickbox.js(http://www.jb51.net) Artwl