隨機緩動Jquery

我只是想知道一種方法來執行jQuery animate（）函數自定義或隨機緩動。隨機緩動Jquery

我知道有，有很多漸變效果的插件，但我想知道是否有添加自定義的漸變效果

所以不是線性的方式：

111111111111111111111111111111111111 (velocity)

或擺動：

00011111222222444422222211111000 (velocity)

我得到的是這樣的：

0011128833747733322885666111221100 (velocity)

上面的數字代表速度。我想隨意使它看起來更現實一些，而不是如此安排。

來源

2015-04-05 pedritoalfonso

您可以創建自己的漸變效果，但據我所知沒有可用隨機漸變效果。 – adeneo 2015-04-05 17:48:11

你想要什麼動畫？也許它是一個更好的解決方案與css3或svg動畫？ – 2015-04-05 17:50:00

一些來自屏幕一側的粒子 – pedritoalfonso 2015-04-05 17:51:50

定義自定義函數。

jQuery.easing.custom = function(p){ 
 
    var pow2, 
 
\t \t bounce = 4; 
 
    while (p < ((pow2 = Math.pow(2, --bounce)) - 1)/11) {} 
 
\t \t return 1/Math.pow(4, 3 - bounce) - 7.5625 * Math.pow((pow2 * 3 - 2)/22 - p, 2); 
 
}; 
 
console.log(jQuery.easing.custom(5756836523456436)); 
 
$("button").animate({ 
 
    width: "70%", 
 
    opacity: 0.6 
 
}, 2000, "custom", function(){ 
 
    $(this).after("<div>Animation complete.</div>"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button> 
 
    animate 
 
</button>

來源

2015-04-05 18:30:25 AvrilAlejandro

隨機緩動Jquery

回答

相關問題