支付宝赞助帐号:service@kuitao8.com 

下载地址

jquiery简单弹出层效果下载

Created2014-04-14   Views 1208    Author 懒人程序
jquiery简单弹出层效果下载
$(window).load(function(){
jQuery(document).ready(function ($) {

    $('[data-popup-target]').click(function () {
        $('html').addClass('overlay');
        var activePopup = $(this).attr('data-popup-target');
        $(activePopup).addClass('visible');

    });

    $(document).keyup(function (e) {
        if (e.keyCode == 27 && $('html').hasClass('overlay')) {
            clearPopup();
        }
    });

    $('.popup-exit').click(function () {
        clearPopup();

    });

    $('.popup-overlay').click(function () {
        clearPopup();
    });

    function clearPopup() {
        $('.popup.visible').addClass('transitioning').removeClass('visible');
        $('html').removeClass('overlay');

        setTimeout(function () {
            $('.popup').removeClass('transitioning');
        }, 200);
    }

});
});
上一篇: jquery提示弹出框下载
下一篇: jquery弹出提示框custombox下载
支持键盘 ← →

邮件订阅

订阅我们的精彩内容