Cita: <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
Son estas 2 con instrucciones en app.js. Simplemente usa el plugin para hacer el movimiento tipo "elastic" y eso es todo.
Código Javascript
:
Ver original$("#div").animate({duration:200, easing:"easeOutElastic"})
Copiado de la pagina:
Código Javascript
:
Ver original$('.image-stage').live('mouseenter',function(){
t = $(this);
hov = setTimeout(function(){
$('.col2').stop(true,true).animate({
opacity : 0
},300);
$('img[alt="1"]',t).stop(true,true).animate({
marginLeft : "+=100px"
},{duration: 1000 , easing: "easeOutElastic"});
$('img[alt="2"]',t).stop(true,true).animate({
marginLeft : "+=400px"
},{duration: 1000 , easing: "easeOutElastic"});
$('img[alt="3"]',t).stop(true,true).animate({
marginLeft : "+=250px"
},{duration: 1000 , easing: "easeOutElastic"});
$('img[alt="4"]',t).stop(true,true).animate({
marginLeft : "+=250px"
},{duration: 1000 , easing: "easeOutElastic"});
hov = null;
},300);
});