Preparation code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

<script src="http://staging.zaaz.com/audiyt2013/wp-content/themes/audi_youtube/js/jquery.easing.1.3.js"></script>


<div class="layer-8" style="position:absolute;top:-2000px;width:400px;height:500px;color:black;"></div>


 

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var easeType = 'easeOutCirc';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutQuad';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutCubic';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutQuart';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutQuint';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutSine';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutExpo';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

var easeType = 'easeOutCirc';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Jesse Krautwurst on 7th February 2013
• Revision 2: published 2 weeks ago

0 comments