drag/move.js at master · angryheng/drag · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
function css(e, t, a) {
    if (2 == arguments.length) {
        if ("scale" == t || "rotate" == t || "rotateX" == t || "rotateY" == t || "rotateZ" == t || "scaleX" == t || "scaleY" == t || "translateY" == t || "translateX" == t || "translateZ" == t) switch (e.$Transform || (e.$Transform = {}), t) {
            case "scale":
            case "scaleX":
            case "scaleY":
                return "number" == typeof e.$Transform[t] ? e.$Transform[t] : 100;
            case "translateY":
            case "translateX":
            case "translateZ":
                return e.$Transform[t] ? e.$Transform[t] : 0;
            default:
                return e.$Transform[t] ? e.$Transform[t] : 0
        }
        var n = e.currentStyle ? e.currentStyle[t] : document.defaultView.getComputedStyle(e, !1)[t];
        return "opacity" == t ? Math.round(100 * parseFloat(n)) : parseInt(n)
    }
    if (3 == arguments.length) switch (t) {
        case "scale":
        case "scaleX":
        case "scaleY":
        case "rotate":
        case "rotateX":
        case "rotateY":
        case "rotateZ":
        case "translateY":
        case "translateX":
        case "translateZ":
            setCss3(e, t, a);
            break;
        case "width":
        case "height":
        case "paddingLeft":
        case "paddingTop":
        case "paddingRight":
        case "paddingBottom":
            a = Math.max(a, 0);
        case "left":
        case "top":
        case "right":
        case "bottom":
        case "marginLeft":
        case "marginTop":
        case "marginRight":
        case "marginBottom":
            e.style[t] = "string" == typeof a ? a : a + "px";
            break;
        case "opacity":
            e.style.filter = "alpha(opacity:" + a + ")", e.style.opacity = a / 100;
            break;
        default:
            e.style[t] = a
    }
    return function(t, a) {
        css(e, t, a)
    }
}

function setCss3(e, t, a) {
    var n = "",
        r = "",
        s = ["Webkit", "Moz", "O", "ms", ""];
    e.$Transform || (e.$Transform = {}), e.$Transform[t] = parseInt(a);
    for (n in e.$Transform) switch (n) {
        case "scale":
        case "scaleX":
        case "scaleY":
            r += n + "(" + e.$Transform[n] / 100 + ") ";
            break;
        case "rotate":
        case "rotateX":
        case "rotateY":
        case "rotateZ":
            r += n + "(" + e.$Transform[n] + "deg) ";
            break;
        case "translateY":
        case "translateX":
        case "translateZ":
            r += n + "(" + e.$Transform[n] + "px) "
    }
    for (var c = 0; c < s.length; c++) e.style[s[c] + "Transform"] = r
}

function animate(e) {
    var t = e.obj,
        a = e.oTarget,
        n = e.iTime,
        r = e.sType,
        s = e.fnEnd,
        c = e.fnDuring,
        o = Tween[r],
        i = 0,
        u = {},
        f = {},
        l = n / 24,
        h = {},
        m = "";
    clearInterval(t.timer);
    for (m in a) u[m] = css(t, m), f[m] = a[m] - u[m], h[m] = 0;
    if (30 > n)
        for (m in a) css(t, m, a[m]);
    else t.timer = setInterval(function() {
        if (l > i) {
            i++;
            for (m in a) h[m] = o(i, u[m], f[m], l), css(t, m, o(i, u[m], f[m], l))
        } else {
            for (m in a) css(t, m, a[m]);
            clearInterval(t.timer), s && s.call(t)
        }
        c && c.call(t, u, h, i, l)
    }, 24)
}
var Tween = {
    linear: function(e, t, a, n) {
        return a * e / n + t
    },
    easeIn: function(e, t, a, n) {
        return a * (e /= n) * e + t
    },
    easeOut: function(e, t, a, n) {
        return -a * (e /= n) * (e - 2) + t
    },
    easeBoth: function(e, t, a, n) {
        return (e /= n / 2) < 1 ? a / 2 * e * e + t : -a / 2 * (--e * (e - 2) - 1) + t
    },
    easeInStrong: function(e, t, a, n) {
        return a * (e /= n) * e * e * e + t
    },
    easeOutStrong: function(e, t, a, n) {
        return -a * ((e = e / n - 1) * e * e * e - 1) + t
    },
    easeBothStrong: function(e, t, a, n) {
        return (e /= n / 2) < 1 ? a / 2 * e * e * e * e + t : -a / 2 * ((e -= 2) * e * e * e - 2) + t
    },
    elasticIn: function(e, t, a, n, r, s) {
        if (0 === e) return t;
        if (1 == (e /= n)) return t + a;
        if (s || (s = .3 * n), !r || r < Math.abs(a)) {
            r = a;
            var c = s / 4
        } else var c = s / (2 * Math.PI) * Math.asin(a / r);
        return -(r * Math.pow(2, 10 * (e -= 1)) * Math.sin(2 * (e * n - c) * Math.PI / s)) + t
    },
    elasticOut: function(e, t, a, n, r, s) {
        if (0 === e) return t;
        if (1 == (e /= n)) return t + a;
        if (s || (s = .3 * n), !r || r < Math.abs(a)) {
            r = a;
            var c = s / 4
        } else var c = s / (2 * Math.PI) * Math.asin(a / r);
        return r * Math.pow(2, -10 * e) * Math.sin(2 * (e * n - c) * Math.PI / s) + a + t
    },
    elasticBoth: function(e, t, a, n, r, s) {
        if (0 === e) return t;
        if (2 == (e /= n / 2)) return t + a;
        if (s || (s = .3 * n * 1.5), !r || r < Math.abs(a)) {
            r = a;
            var c = s / 4
        } else var c = s / (2 * Math.PI) * Math.asin(a / r);
        return 1 > e ? -.5 * r * Math.pow(2, 10 * (e -= 1)) * Math.sin(2 * (e * n - c) * Math.PI / s) + t : r * Math.pow(2, -10 * (e -= 1)) * Math.sin(2 * (e * n - c) * Math.PI / s) * .5 + a + t
    },
    backIn: function(e, t, a, n, r) {
        return "undefined" == typeof r && (r = 1.70158), a * (e /= n) * e * ((r + 1) * e - r) + t
    },
    backOut: function(e, t, a, n, r) {
        return "undefined" == typeof r && (r = 3.70158), a * ((e = e / n - 1) * e * ((r + 1) * e + r) + 1) + t
    },
    backOut1: function(e, t, a, n, r) {
        return "undefined" == typeof r && (r = 1.5), a * ((e = e / n - 1) * e * ((r + 1) * e + r) + 1) + t
    },
    backBoth: function(e, t, a, n, r) {
        return "undefined" == typeof r && (r = 1.70158), (e /= n / 2) < 1 ? a / 2 * e * e * (((r *= 1.525) + 1) * e - r) + t : a / 2 * ((e -= 2) * e * (((r *= 1.525) + 1) * e + r) + 2) + t
    },
    bounceIn: function(e, t, a, n) {
        return a - Tween.bounceOut(n - e, 0, a, n) + t
    },
    bounceOut: function(e, t, a, n) {
        return (e /= n) < 1 / 2.75 ? 7.5625 * a * e * e + t : 2 / 2.75 > e ? a * (7.5625 * (e -= 1.5 / 2.75) * e + .75) + t : 2.5 / 2.75 > e ? a * (7.5625 * (e -= 2.25 / 2.75) * e + .9375) + t : a * (7.5625 * (e -= 2.625 / 2.75) * e + .984375) + t
    },
    bounceBoth: function(e, t, a, n) {
        return n / 2 > e ? .5 * Tween.bounceIn(2 * e, 0, a, n) + t : .5 * Tween.bounceOut(2 * e - n, 0, a, n) + .5 * a + t
    }
};