亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Jquery中給animation加更多的運作效果實例

2019-11-20 22:19:55
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

//animation
jQuery.extend({
    easing:
    {        // ******* back
        backEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            var s = 1.70158; // default overshoot value, can be adjusted to suit
            return c * (p /= 1) * p * ((s + 1) * p - s) + firstNum;
        },
        backEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            var s = 1.70158; // default overshoot value, can be adjusted to suit
            return c * ((p = p / 1 - 1) * p * ((s + 1) * p + s) + 1) + firstNum;
        },
        backEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            var s = 1.70158; // default overshoot value, can be adjusted to suit
            if ((p /= 0.5) < 1)
                return c / 2 * (p * p * (((s *= (1.525)) + 1) * p - s)) + firstNum;
            else
                return c / 2 * ((p -= 2) * p * (((s *= (1.525)) + 1) * p + s) + 2) + firstNum;
        },
        // ******* bounce
        bounceEaseIn: function (p, n, firstNum, diff) {

            var c = firstNum + diff;
            var inv = this.bounceEaseOut(1 - p, 1, 0, diff);
            return c - inv + firstNum;
        },
        bounceEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;

            if (p < (1 / 2.75)) {
                return c * (7.5625 * p * p) + firstNum;
            }
            else if (p < (2 / 2.75)) {
                return c * (7.5625 * (p -= (1.5 / 2.75)) * p + .75) + firstNum;
            }
            else if (p < (2.5 / 2.75)) {
                return c * (7.5625 * (p -= (2.25 / 2.75)) * p + .9375) + firstNum;
            }
            else {
                return c * (7.5625 * (p -= (2.625 / 2.75)) * p + .984375) + firstNum;
            }
        },
        // ******* circ
        circEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return -c * (Math.sqrt(1 - (p /= 1) * p) - 1) + firstNum;
        },
        circEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * Math.sqrt(1 - (p = p / 1 - 1) * p) + firstNum;
        },
        circEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if ((p /= 0.5) < 1)
                return -c / 2 * (Math.sqrt(1 - p * p) - 1) + firstNum;
            else
                return c / 2 * (Math.sqrt(1 - (p -= 2) * p) + 1) + firstNum;
        },
        // ******* cubic
        cubicEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * (p /= 1) * p * p + firstNum;
        },
        cubicEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * ((p = p / 1 - 1) * p * p + 1) + firstNum;
        },
        cubicEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if ((p /= 0.5) < 1)
                return c / 2 * p * p * p + firstNum;
            else
                return c / 2 * ((p -= 2) * p * p + 2) + firstNum;
        },
        // ******* elastic
        elasticEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if (p == 0) return firstNum;
            if (p == 1) return c;
            var peroid = 0.25;
            var s;
            var amplitude = c;
            if (amplitude < Math.abs(c)) {
                amplitude = c;
                s = peroid / 4;
            }
            else {
                s = peroid / (2 * Math.PI) * Math.asin(c / amplitude);
            }
            return -(amplitude * Math.pow(2, 10 * (p -= 1)) * Math.sin((p * 1 - s) * (2 * Math.PI) / peroid)) + firstNum;
        },
        elasticEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if (p == 0) return firstNum;
            if (p == 1) return c;
            var peroid = 0.25;
            var s;
            var amplitude = c;
            if (amplitude < Math.abs(c)) {
                amplitude = c;
                s = peroid / 4;
            }
            else {
                s = peroid / (2 * Math.PI) * Math.asin(c / amplitude);
            }
            return -(amplitude * Math.pow(2, -10 * p) * Math.sin((p * 1 - s) * (2 * Math.PI) / peroid)) + c;
        },
        // ******* expo
        expoEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return (p == 0) ? firstNum : c * Math.pow(2, 10 * (p - 1)) + firstNum - c * 0.001;
        },
        expoEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return (p == 1) ? c : diff * 1.001 * (-Math.pow(2, -10 * p) + 1) + firstNum;
        },
        expoEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if (p == 0) return firstNum;
            if (p == 1) return c;
            if ((p /= 0.5) < 1)
                return c / 2 * Math.pow(2, 10 * (p - 1)) + firstNum - c * 0.0005;
            else
                return c / 2 * 1.0005 * (-Math.pow(2, -10 * --p) + 2) + firstNum;
        },
        // ******* quad
        quadEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * (p /= 1) * p + firstNum;
        },
        quadEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return -c * (p /= 1) * (p - 2) + firstNum;
        },
        quadEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if ((p /= 0.5) < 1)
                return c / 2 * p * p + firstNum;
            else
                return -c / 2 * ((--p) * (p - 2) - 1) + firstNum;
        },
        // ******* quart
        quartEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * (p /= 1) * p * p * p + firstNum;
        },
        quartEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return -c * ((p = p / 1 - 1) * p * p * p - 1) + firstNum;
        },
        quartEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if ((p /= 0.5) < 1)
                return c / 2 * p * p * p * p + firstNum;
            else
                return -c / 2 * ((p -= 2) * p * p * p - 2) + firstNum;
        },
        // ******* quint
        quintEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * (p /= 1) * p * p * p * p + firstNum;
        },
        quintEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * ((p = p / 1 - 1) * p * p * p * p + 1) + firstNum;
        },
        quintEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            if ((p /= 0.5) < 1)
                return c / 2 * p * p * p * p * p + firstNum;
            else
                return c / 2 * ((p -= 2) * p * p * p * p + 2) + firstNum;
        },
        // *******  sine
        sineEaseIn: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return -c * Math.cos(p * (Math.PI / 2)) + c + firstNum;
        },
        sineEaseOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return c * Math.sin(p * (Math.PI / 2)) + firstNum;
        },
        sineEaseInOut: function (p, n, firstNum, diff) {
            var c = firstNum + diff;
            return -c / 2 * (Math.cos(Math.PI * p) - 1) + firstNum;
        }
    }
});


調用:
復制代碼 代碼如下:

$("#div").animate({
    left: v
}, 1000, "circEaseOut");

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91国产精品电影| 91老司机精品视频| 国产欧美精品一区二区| 日韩久久免费电影| 亚洲人成欧美中文字幕| 91视频国产精品| 97人洗澡人人免费公开视频碰碰碰| 亚洲美女性生活视频| 欧美大成色www永久网站婷| 国产在线拍偷自揄拍精品| 欧美又大又粗又长| 日韩有码在线视频| 亚洲视频欧美视频| 国产精品视频26uuu| 91久久久久久久久久久| 热久久美女精品天天吊色| 亚洲性生活视频| 日韩美女av在线免费观看| 精品高清美女精品国产区| 欧美中文在线观看国产| 日韩av一区在线观看| 一本色道久久88综合日韩精品| 中文字幕欧美日韩在线| 久久久中文字幕| 国产精品夫妻激情| 精品国偷自产在线| 欧美伊久线香蕉线新在线| 欧美亚洲在线观看| 中文字幕日韩精品有码视频| 欧美区在线播放| 秋霞av国产精品一区| 色婷婷久久一区二区| 久久精品亚洲国产| 亚洲综合精品一区二区| 日韩欧美中文第一页| 精品女厕一区二区三区| 毛片精品免费在线观看| 日韩av电影国产| 欧美日韩人人澡狠狠躁视频| 久久久精品国产亚洲| 日韩av在线播放资源| 国产成人精品在线| 亚洲一区国产精品| 亚洲免费高清视频| 中文字幕在线亚洲| 日韩电视剧在线观看免费网站| 成人春色激情网| 国产成人av网| 欧美xxxx做受欧美| 国产噜噜噜噜久久久久久久久| 久久国产精品亚洲| 在线成人中文字幕| 久久久久久国产| www.亚洲男人天堂| 福利视频一区二区| 精品久久国产精品| 91色在线观看| 欧美电影免费观看大全| 欲色天天网综合久久| 久久久噜久噜久久综合| 国产va免费精品高清在线观看| 国产精品免费视频久久久| 精品在线欧美视频| 日韩欧美在线观看| 欧美电影在线观看网站| 色综合久久久888| 国产精品精品一区二区三区午夜版| 国产999视频| 精品中文字幕在线观看| 91系列在线观看| 亚洲a在线观看| 欧美三级欧美成人高清www| 日韩经典中文字幕在线观看| 亚洲四色影视在线观看| 国产精品福利在线观看| 国产精品视频男人的天堂| 国产精品成人品| 亚洲精品电影网| 国产欧美 在线欧美| 国产精品一区二区三| 久久久久久亚洲| 青青草成人在线| 久久精品国产视频| 中文字幕一区电影| 亚洲欧洲国产一区| 91av在线精品| 日本精品性网站在线观看| 久久视频在线视频| 精品成人乱色一区二区| 国产精品久久久精品| 成人动漫网站在线观看| 精品国产欧美成人夜夜嗨| 精品视频一区在线视频| 国产精品成人aaaaa网站| 中文字幕成人在线| 中文字幕精品一区二区精品| 91久久国产精品91久久性色| 高清日韩电视剧大全免费播放在线观看| 日韩人在线观看| 日韩精品福利在线| 欧美黑人xxxⅹ高潮交| 成人在线小视频| 久久天天躁狠狠躁夜夜躁2014| xvideos国产精品| 98精品国产自产在线观看| 91精品国产色综合久久不卡98| 亚洲视频在线观看免费| 成年无码av片在线| 国产不卡av在线| 日韩视频在线观看免费| 日av在线播放中文不卡| 久久久亚洲网站| 国产精品观看在线亚洲人成网| 日韩欧美亚洲一二三区| 国产大片精品免费永久看nba| 国产精品自拍小视频| 美日韩丰满少妇在线观看| 久久91精品国产91久久久| 久久影视电视剧凤归四时歌| 久久午夜a级毛片| 成人精品久久av网站| 亚洲第一网站男人都懂| 国内外成人免费激情在线视频网站| 精品久久久久久电影| 日韩亚洲精品电影| 亚洲一区二区三区777| 伊人久久五月天| 亚洲成在人线av| 成人美女av在线直播| 日韩成人网免费视频| 欧美高清在线视频观看不卡| 国产日韩中文字幕在线| 亚洲va男人天堂| 韩国福利视频一区| 日韩在线激情视频| 国产精品成人国产乱一区| 国产精品久久久久久久app| 操日韩av在线电影| 欧美中文在线观看国产| 高清日韩电视剧大全免费播放在线观看| 欧美成人sm免费视频| 国产精品一区二区av影院萌芽| 国产欧美日韩免费看aⅴ视频| 欧美激情视频在线观看| 色悠悠久久88| 97久久久免费福利网址| 日韩午夜在线视频| 热久久99这里有精品| 色樱桃影院亚洲精品影院| 欧美一级高清免费播放| 欧美理论电影在线播放| 欧美精品电影免费在线观看| 欧美极品少妇全裸体| 欧美视频在线观看免费网址| 亚洲欧美日韩国产中文| 色婷婷综合成人| 欧美午夜激情视频| 欧美一级大片视频| 久久久久国产精品免费| 欧美一区二区三区免费观看| 亚洲男人的天堂网站| 日韩一区av在线| 夜夜嗨av一区二区三区免费区| 久久精品视频网站|