Velocity.js - 5

Velocity.js jQuery animasyon akışını geliştirmek için yeni özellikler eklenmiş ve belirgin ölçülerde yüksek performans almamızı sağlayan bir animasyon iyileştirici plugindir.

HTML

<script src="http://julian.com/research/velocity/build/jquery.velocity.min.js"></script>
<script src="http://julian.com/research/velocity/build/velocity.ui.js"></script>

<div class="box" id="transition"><span>transition.swoopIn-Out</span></div>

CSS

html,body{width:100%;height:100%;}
body{overflow:hidden;}
.box{position:relative;display:block;width:50%;height:20%;border:1px solid #000;background-color:#f0f0f0;}
.box span{position:relative;display:block;text-align:center;top:50%;margin-top:-10px;line-height:20px;font:16px Verdana;font-weight:bold;}
#callOut{top:25%;}

JavaScript

$callOut=$("#callOut");
$transition=$("#transition");

setInterval(function(){

	$transition.velocity({ translateX: ['0%','-100%'] });

},2500);