Javascript 灯箱的关闭按钮

我在谷歌上搜索了Lightbox_me关闭按钮的脚本，但我能找到的只是裸体Lightbox的脚本

(function ($) {

    $.fn.lightbox_me = function (options) {

        return this.each(function () {

            var
            opts = $.extend({}, $.fn.lightbox_me.defaults, options),
                $overlay = $(),
                $self = $(this),
                $iframe = $('<iframe id="foo" style="z-index: ' + (opts.zIndex + 1) + ';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>');

            if (opts.showOverlay) {
                //check if there's an existing overlay, if so, make subequent ones clear
                var $currentOverlays = $(".js_lb_overlay:visible");
                if ($currentOverlays.length > 0) {
                    $overlay = $('<div class="lb_overlay_clear js_lb_overlay"/>');
                } else {
                    $overlay = $('<div class="' + opts.classPrefix + '_overlay js_lb_overlay"/>');
                }
            }

            /*----------------------------------------------------
               DOM Building
            ---------------------------------------------------- */
            $('body').append($self.hide()).append($overlay);

            /*----------------------------------------------------
               Overlay CSS stuffs
            ---------------------------------------------------- */

            // set css of the overlay
            if (opts.showOverlay) {
                setOverlayHeight(); // pulled this into a function because it is called on window resize.
                $overlay.css({
                    position: 'absolute',
                    width: '100%',
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0,
                    zIndex: (opts.zIndex + 2),
                    display: 'none'
                });
                if (!$overlay.hasClass('lb_overlay_clear')) {
                    $overlay.css(opts.overlayCSS);
                }
            }

            /*----------------------------------------------------
               Animate it in.
            ---------------------------------------------------- */
            //
            if (opts.showOverlay) {
                $overlay.fadeIn(opts.overlaySpeed, function () {
                    setSelfPosition();
                    $self[opts.appearEffect](opts.lightboxSpeed, function () {
                        setOverlayHeight();
                        setSelfPosition();
                        opts.onLoad()
                    });
                });
            } else {
                setSelfPosition();
                $self[opts.appearEffect](opts.lightboxSpeed, function () {
                    opts.onLoad()
                });
            }

            /*----------------------------------------------------
               Hide parent if parent specified (parentLightbox should be jquery reference to any parent lightbox)
            ---------------------------------------------------- */
            if (opts.parentLightbox) {
                opts.parentLightbox.fadeOut(200);
            }


            /*----------------------------------------------------
               Bind Events
            ---------------------------------------------------- */

            $(window).resize(setOverlayHeight)
                .resize(setSelfPosition)
                .scroll(setSelfPosition);

            $(window).bind('keyup.lightbox_me', observeKeyPress);

            if (opts.closeClick) {
                $overlay.click(function (e) {
                    closeLightbox();
                    e.preventDefault;
                });
            }
            $self.delegate(opts.closeSelector, "click", function (e) {
                closeLightbox();
                e.preventDefault();
            });
            $self.bind('close', closeLightbox);
            $self.bind('reposition', setSelfPosition);



            /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
              -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


            /*----------------------------------------------------
               Private Functions
            ---------------------------------------------------- */

            /* Remove or hide all elements */
            function closeLightbox() {
                var s = $self[0].style;
                if (opts.destroyOnClose) {
                    $self.add($overlay).remove();
                } else {
                    $self.add($overlay).hide();
                }

                //show the hidden parent lightbox
                if (opts.parentLightbox) {
                    opts.parentLightbox.fadeIn(200);
                }
                if (opts.preventScroll) {
                    $('body').css('overflow', '');
                }
                $iframe.remove();

                // clean up events.
                $self.undelegate(opts.closeSelector, "click");
                $self.unbind('close', closeLightbox);
                $self.unbind('repositon', setSelfPosition);

                $(window).unbind('resize', setOverlayHeight);
                $(window).unbind('resize', setSelfPosition);
                $(window).unbind('scroll', setSelfPosition);
                $(window).unbind('keyup.lightbox_me');
                opts.onClose();
            }


            /* Function to bind to the window to observe the escape/enter key press */
            function observeKeyPress(e) {
                if ((e.keyCode == 27 || (e.DOM_VK_ESCAPE == 27 && e.which == 0)) && opts.closeEsc) closeLightbox();
            }


            /* Set the height of the overlay
                    : if the document height is taller than the window, then set the overlay height to the document height.
                    : otherwise, just set overlay height: 100%
            */
            function setOverlayHeight() {
                if ($(window).height() < $(document).height()) {
                    $overlay.css({
                        height: $(document).height() + 'px'
                    });
                    $iframe.css({
                        height: $(document).height() + 'px'
                    });
                } else {
                    $overlay.css({
                        height: '100%'
                    });
                }
            }


            /* Set the position of the modal'd window ($self)
                    : if $self is taller than the window, then make it absolutely positioned
                    : otherwise fixed
            */
            function setSelfPosition() {
                var s = $self[0].style;

                // reset CSS so width is re-calculated for margin-left CSS
                $self.css({
                    left: '50%',
                    marginLeft: ($self.outerWidth() / 2) * -1,
                    zIndex: (opts.zIndex + 3)
                });


                /* we have to get a little fancy when dealing with height, because lightbox_me
                    is just so fancy.
                 */

                // if the height of $self is bigger than the window and self isn't already position absolute
                if (($self.height() + 80 >= $(window).height()) && ($self.css('position') != 'absolute')) {

                    // we are going to make it positioned where the user can see it, but they can still scroll
                    // so the top offset is based on the user's scroll position.
                    var topOffset = $(document).scrollTop() + 40;
                    $self.css({
                        position: 'absolute',
                        top: topOffset + 'px',
                        marginTop: 0
                    })
                } else if ($self.height() + 80 < $(window).height()) {
                    //if the height is less than the window height, then we're gonna make this thing position: fixed.
                    if (opts.centered) {
                        $self.css({
                            position: 'fixed',
                            top: '50%',
                            marginTop: ($self.outerHeight() / 2) * -1
                        })
                    } else {
                        $self.css({
                            position: 'fixed'
                        }).css(opts.modalCSS);
                    }
                    if (opts.preventScroll) {
                        $('body').css('overflow', 'hidden');
                    }
                }
            }

        });



    };

    $.fn.lightbox_me.defaults = {

        // animation
        appearEffect: "fadeIn",
        appearEase: "",
        overlaySpeed: 250,
        lightboxSpeed: 300,

        // close
        closeSelector: ".close",
        closeClick: true,
        closeEsc: true,

        // behavior
        destroyOnClose: false,
        showOverlay: true,
        parentLightbox: false,
        preventScroll: false,

        // callbacks
        onLoad: function () {},
        onClose: function () {},

        // style
        classPrefix: 'lb',
        zIndex: 999,
        centered: true,
        modalCSS: {
            top: '100px'
        },
        overlayCSS: {
            background: 'black',
            opacity: .3
        }
    }

    $('.trigger').click(function (e) {
        $('.lightbox').lightbox_me();
        e.preventDefault();
    });
})(jQuery);

（函数（$）{
$.fn.lightbox_me=函数（选项）{
返回此。每个（函数（）{
变量
opts=$.extend（{}，$.fn.lightbox\u me.defaults，options），
$overlay=$（），
$self=$（这个），
$iframe=$（''）；
如果（选择showOverlay）{
//检查是否存在覆盖层，如果存在，请清除不连续的覆盖层
var$currentOverlays=$（“.js_lb_overlay:visible”）；
如果（$currentOverlays.length>0）{
$overlay=$（''）；
}否则{
$overlay=$（''）；
}
}
/*----------------------------------------------------
DOM大厦
---------------------------------------------------- */
$（'body'）.append（$self.hide（））.append（$overlay）；
/*----------------------------------------------------
覆盖CSS内容
---------------------------------------------------- */
//设置覆盖的css
如果（选择showOverlay）{
setOverlayHeight（）；//将其拉入函数中，因为它在调整窗口大小时被调用。
$overlay.css({
位置：'绝对'，
宽度：“100%”，
排名：0，
左:0,，
右:0,，
底部：0，
zIndex：（opts.zIndex+2），
显示：“无”
});
if（！$overlay.hasClass（'lb\u overlay\u clear'））{
$overlay.css（opts.overlayCSS）；
}
}
/*----------------------------------------------------
在中设置动画。
---------------------------------------------------- */
//
如果（选择showOverlay）{
$overlay.fadeIn（opts.overlaySpeed，function（）{
setSelfPosition（）；
$self[opts.appearefect]（opts.lightboxSpeed，function（）{
setOverlayHeight（）；
setSelfPosition（）；
opts.onLoad（）
});
});
}否则{
setSelfPosition（）；
$self[opts.appearefect]（opts.lightboxSpeed，function（）{
opts.onLoad（）
});
}
/*----------------------------------------------------
如果指定了父项，则隐藏父项（parentLightbox应该是对任何父项lightbox的jquery引用）
---------------------------------------------------- */
如果（选择parentLightbox）{
选择parentLightbox淡出（200）；
}
/*----------------------------------------------------
绑定事件
---------------------------------------------------- */
$（窗口）。调整大小（设置覆盖高度）
.调整大小（设置自身位置）
.滚动（设置自身位置）；
$（窗口）.bind（'keyup.lightbox_me'，observeKeyPress）；
如果（选择关闭，单击）{
$overlay。单击（功能（e）{
closeLightbox（）；
e、 防止违约；
});
}
$self.delegate（opts.closeSelector，“click”，函数（e）{
closeLightbox（）；
e、 预防默认值（）；
});
$self.bind（'close'，closeLightbox）；
$self.bind（'resposition'，setSelfPosition）；
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------
私人职能
---------------------------------------------------- */
/*删除或隐藏所有元素*/
函数closeLightbox（）{
var s=$self[0]。样式；
如果（选择destroyOnClose）{
$self.add（$overlay.remove（）；
}否则{
$self.add（$overlay.hide（）；
}
//显示隐藏的父灯箱
如果（选择parentLightbox）{
选择parentLightbox.fadeIn（200）；
}
如果（选择防止滚动）{
$（'body'）.css（'overflow'，''）；
}
$iframe.remove（）；
//清理事件。
$self.unelegate（opts.closeSelector，“单击”）；
$self.unbind（'close'，closeLightbox）；
$self.unbind（'repositon'，setSelfPosition）；
$（窗口）。解除绑定（'调整大小'，设置覆盖高度）；
$（窗口）.unbind（'resize'，setSelfPosition）；
$（窗口）.unbind（'scroll'，setSelfPosition）；
$（窗口）。解除绑定（'keyup.lightbox_me'）；
opts.onClose（）；
}
/*绑定到窗口以观察escape/enter键按下的功能*/
函数observeKeyPress（e）{
如果（（e.keyCode==27 | |（e.DOM_VK_ESCAPE==27&&e.which==0））&&opts.closeEsc）closeLightbox（）；
}
/*设置覆盖层的高度
：如果文档高度高于窗口，则将覆盖高度设置为文档高度。
：否则，只需设置为o
$.fn.lightbox_me.defaults = {

    // animation
    appearEffect: "fadeIn",
    appearEase: "",
    overlaySpeed: 250,
    lightboxSpeed: 300,

    // close
    closeSelector: ".close",
    closeClick: true,
    closeEsc: true,

    // behavior
    destroyOnClose: false,
    showOverlay: true,
    parentLightbox: false,
    preventScroll: false,

    // callbacks
    onLoad: function () {},
    onClose: function () {},

    // style
    classPrefix: 'lb',
    zIndex: 999,
    centered: true,
    modalCSS: {
        top: '100px'
    },
    overlayCSS: {
        background: 'black',
        opacity: .3
    }
}

if (opts.closeClick) {
    $overlay.click(function (e) {
        closeLightbox();
        e.preventDefault;
    });
}
$self.delegate(opts.closeSelector, "click", function (e) {
    closeLightbox();
    e.preventDefault();
});