Question

有谁知道如何加速淡入淡出和淡出动画的nyroModal？

现在我正在这样初衷：

<a href="demoSent.php" class="nyroModal" rev="modal">Ajax without closing</a>
<script type="text/javascript">
$(function() {
  $('.nyroModal').nyroModal();
});
</script>

就是这样。

然而，单击我的模态框链接后的动画对我来说有点慢。

如何让它更快？ nyroModal的文档很难理解，至少对我而言，因此，任何建议都会有所帮助。

更新在jquery文件中jquery.nyroModal.custom.js是动画的代码，至少我想：

/*
 * nyroModal v2.0.0
 *
 * Fade animations
 *
 * Depends:
 *
 */
jQuery(function($, undefined) {
    $.nmAnims({
        fade: {
            showBg: function(nm, clb) {
                nm.elts.bg.fadeTo(250, 0.7, clb);
            },
            hideBg: function(nm, clb) {
                nm.elts.bg.z(clb);
            },
            showLoad: function(nm, clb) {
                nm.elts.load.fadeIn(clb);
            },
            hideLoad: function(nm, clb) {
                nm.elts.load.fadeOut(clb);
            },
            showCont: function(nm, clb) {
                nm.elts.cont.fadeIn(clb);
            },
            hideCont: function(nm, clb) {
                nm.elts.cont.css('overflow', 'hidden').fadeOut(clb);
            },
            showTrans: function(nm, clb) {
                nm.elts.load
                    .css({
                        position: nm.elts.cont.css('position'),
                        top: nm.elts.cont.css('top'),
                        left: nm.elts.cont.css('left'),
                        width: nm.elts.cont.css('width'),
                        height: nm.elts.cont.css('height'),
                        marginTop: nm.elts.cont.css('marginTop'),
                        marginLeft: nm.elts.cont.css('marginLeft')
                    })
                    .fadeIn(function() {
                        nm.elts.cont.hide();
                        clb();
                    });
            },
            hideTrans: function(nm, clb) {
                nm.elts.cont.css('visibility', 'hidden').show();
                nm.elts.load
                    .css('position', nm.elts.cont.css('position'))
                    .animate({
                        top: nm.elts.cont.css('top'),
                        left: nm.elts.cont.css('left'),
                        width: nm.elts.cont.css('width'),
                        height: nm.elts.cont.css('height'),
                        marginTop: nm.elts.cont.css('marginTop'),
                        marginLeft: nm.elts.cont.css('marginLeft')
                    }, function() {
                        nm.elts.cont.css('visibility', '');
                        nm.elts.load.fadeOut(clb);
                    });
            },
            resize: function(nm, clb) {
                nm.elts.cont.animate({
                    width: nm.sizes.w,
                    height: nm.sizes.h,
                    top: (nm.getInternal().fullSize.viewH - nm.sizes.h - nm.sizes.hMargin)/2,
                    left: (nm.getInternal().fullSize.viewW - nm.sizes.w - nm.sizes.wMargin)/2
                }, clb);
            }
        }
    });
    // Define fade aniamtions as default
    $.nmObj({anim: {def: 'fade'}});
});

但我无法改变这段代码，因此动画更快。

有什么想法吗？

Answer 1

        showBg: function(nm, clb) {
            nm.elts.bg.fadeTo(200, 0.7, clb);
        },
        hideBg: function(nm, clb) {
            nm.elts.bg.fadeOut(200, clb);
        },
        showLoad: function(nm, clb) {
            nm.elts.load.fadeIn(200, clb);
        },
        hideLoad: function(nm, clb) {
            nm.elts.load.fadeOut(200, clb);
        },
        showCont: function(nm, clb) {
            nm.elts.cont.fadeIn(200, clb);
        },
        hideCont: function(nm, clb) {
            nm.elts.cont.css('overflow', 'hidden').fadeOut(200, clb);
        },

如何让nyroModal中的淡入淡出动画更快？

1 个答案: