jquery.superslide 参数分析

来源：互联网发布：mac os sierra升级编辑：程序博客网时间：2024/05/22 00:14

插件中允许我们自定义的参数就下面这么多，但是，实现大多数功能都够了

! function (a) {    a.fn.slide = function (b) {        return a.fn.slide.defaults = {            type: "slide",            effect: "fade",            autoPlay: !1,            delayTime: 500,              interTime: 2500,            triggerTime: 150,   //动作生效延时trigger            defaultIndex: 0,            titCell: ".hd li",            mainCell: ".bd",            targetCell: null,            trigger: "mouseover",            scroll: 1,            vis: 1,            titOnClassName: "on",            autoPage: !1,            prevCell: ".prev",            nextCell: ".next",            pageStateCell: ".pageState",            opp: !1,            pnLoop: !0,            easing: "swing",            startFun: null,            endFun: null,            switchLoad: null,            playStateCell: ".playState",            mouseOverStop: !0,            defaultPlay: !0,            returnDefault: !1        }, this.each(function () {

动画效果effect

switch (e) {                        case "fade":                        case "fold":                        case "top":                        case "left":                        case "slideDown":                            c(p * t);                            break;                        case "leftLoop":                        case "topLoop":                            c(P + $(O));                            break;                        case "leftMarquee":                        case "topMarquee":                            var d = "leftMarquee" == e ? l.css("left").replace("px", "") : l.css("top").replace("px", ""),                                f = "leftMarquee" == e ? D : C,                                g = P;                            if (0 != d % f) {                                var h = Math.abs(0 ^ d / f);                                g = 1 == p ? P + h : P + h - 1                            }                            c(g)                    }

过渡效果，

}(jQuery), jQuery.easing.jswing = jQuery.easing.swing, jQuery.extend(jQuery.easing, {    def: "easeOutQuad",    swing: function (a, b, c, d, e) {        return jQuery.easing[jQuery.easing.def](a, b, c, d, e)    },    easeInQuad: function (a, b, c, d, e) {        return d * (b /= e) * b + c    },    easeOutQuad: function (a, b, c, d, e) {        return -d * (b /= e) * (b - 2) + c    },    easeInOutQuad: function (a, b, c, d, e) {        return (b /= e / 2) < 1 ? d / 2 * b * b + c : -d / 2 * (--b * (b - 2) - 1) + c    },    easeInCubic: function (a, b, c, d, e) {        return d * (b /= e) * b * b + c    },    easeOutCubic: function (a, b, c, d, e) {        return d * ((b = b / e - 1) * b * b + 1) + c    },    easeInOutCubic: function (a, b, c, d, e) {        return (b /= e / 2) < 1 ? d / 2 * b * b * b + c : d / 2 * ((b -= 2) * b * b + 2) + c    },    easeInQuart: function (a, b, c, d, e) {        return d * (b /= e) * b * b * b + c    },    easeOutQuart: function (a, b, c, d, e) {        return -d * ((b = b / e - 1) * b * b * b - 1) + c    },    easeInOutQuart: function (a, b, c, d, e) {        return (b /= e / 2) < 1 ? d / 2 * b * b * b * b + c : -d / 2 * ((b -= 2) * b * b * b - 2) + c    },    easeInQuint: function (a, b, c, d, e) {        return d * (b /= e) * b * b * b * b + c    },    easeOutQuint: function (a, b, c, d, e) {        return d * ((b = b / e - 1) * b * b * b * b + 1) + c    },    easeInOutQuint: function (a, b, c, d, e) {        return (b /= e / 2) < 1 ? d / 2 * b * b * b * b * b + c : d / 2 * ((b -= 2) * b * b * b * b + 2) + c    },    easeInSine: function (a, b, c, d, e) {        return -d * Math.cos(b / e * (Math.PI / 2)) + d + c    },    easeOutSine: function (a, b, c, d, e) {        return d * Math.sin(b / e * (Math.PI / 2)) + c    },    easeInOutSine: function (a, b, c, d, e) {        return -d / 2 * (Math.cos(Math.PI * b / e) - 1) + c    },    easeInExpo: function (a, b, c, d, e) {        return 0 == b ? c : d * Math.pow(2, 10 * (b / e - 1)) + c    },    easeOutExpo: function (a, b, c, d, e) {        return b == e ? c + d : d * (-Math.pow(2, -10 * b / e) + 1) + c    },    easeInOutExpo: function (a, b, c, d, e) {        return 0 == b ? c : b == e ? c + d : (b /= e / 2) < 1 ? d / 2 * Math.pow(2, 10 * (b - 1)) + c : d / 2 * (-Math.pow(2, -10 * --b) + 2) + c    },    easeInCirc: function (a, b, c, d, e) {        return -d * (Math.sqrt(1 - (b /= e) * b) - 1) + c    },    easeOutCirc: function (a, b, c, d, e) {        return d * Math.sqrt(1 - (b = b / e - 1) * b) + c    },    easeInOutCirc: function (a, b, c, d, e) {        return (b /= e / 2) < 1 ? -d / 2 * (Math.sqrt(1 - b * b) - 1) + c : d / 2 * (Math.sqrt(1 - (b -= 2) * b) + 1) + c    },    easeInElastic: function (a, b, c, d, e) {        var f = 1.70158,            g = 0,            h = d;        if (0 == b) return c;        if (1 == (b /= e)) return c + d;        if (g || (g = .3 * e), h < Math.abs(d)) {            h = d;            var f = g / 4        } else var f = g / (2 * Math.PI) * Math.asin(d / h);        return -(h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g)) + c    },    easeOutElastic: function (a, b, c, d, e) {        var f = 1.70158,            g = 0,            h = d;        if (0 == b) return c;        if (1 == (b /= e)) return c + d;        if (g || (g = .3 * e), h < Math.abs(d)) {            h = d;            var f = g / 4        } else var f = g / (2 * Math.PI) * Math.asin(d / h);        return h * Math.pow(2, -10 * b) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c    },    easeInOutElastic: function (a, b, c, d, e) {        var f = 1.70158,            g = 0,            h = d;        if (0 == b) return c;        if (2 == (b /= e / 2)) return c + d;        if (g || (g = e * .3 * 1.5), h < Math.abs(d)) {            h = d;            var f = g / 4        } else var f = g / (2 * Math.PI) * Math.asin(d / h);        return 1 > b ? -.5 * h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + c : .5 * h * Math.pow(2, -10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c    },    easeInBack: function (a, b, c, d, e, f) {        return void 0 == f && (f = 1.70158), d * (b /= e) * b * ((f + 1) * b - f) + c    },    easeOutBack: function (a, b, c, d, e, f) {        return void 0 == f && (f = 1.70158), d * ((b = b / e - 1) * b * ((f + 1) * b + f) + 1) + c    },    easeInOutBack: function (a, b, c, d, e, f) {        return void 0 == f && (f = 1.70158), (b /= e / 2) < 1 ? d / 2 * b * b * (((f *= 1.525) + 1) * b - f) + c : d / 2 * ((b -= 2) * b * (((f *= 1.525) + 1) * b + f) + 2) + c    },    easeInBounce: function (a, b, c, d, e) {        return d - jQuery.easing.easeOutBounce(a, e - b, 0, d, e) + c    },    easeOutBounce: function (a, b, c, d, e) {        return (b /= e) < 1 / 2.75 ? d * 7.5625 * b * b + c : 2 / 2.75 > b ? d * (7.5625 * (b -= 1.5 / 2.75) * b + .75) + c : 2.5 / 2.75 > b ? d * (7.5625 * (b -= 2.25 / 2.75) * b + .9375) + c : d * (7.5625 * (b -= 2.625 / 2.75) * b + .984375) + c    },    easeInOutBounce: function (a, b, c, d, e) {        return e / 2 > b ? .5 * jQuery.easing.easeInBounce(a, 2 * b, 0, d, e) + c : .5 * jQuery.easing.easeOutBounce(a, 2 * b - e, 0, d, e) + .5 * d + c    }});

阅读全文

0 0