Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

buh

desacelerar animate() jquery

Por , em Javascript

Recommended Posts

buh    0

buh
Postado

estou com uma animação em jquery estou usando o animate() pra simular uma rodovia em movimento.. começa em uma velocidade e eu quero que depois de um tempo ela diminua e fique continua ate parar.. alguem sabe alguma forma de fazer isso??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Progjunior Daniel    34

Progjunior Daniel
Postado

Ve se esse exemplo ajuda.

 

<!DOCTYPE html>
<html>
<head>
 <style>
div {
 background-color:#bca;
 width:200px;
 height:1.1em;
 text-align:center;
 border:2px solid green;
 margin:3px;
 font-size:14px;
}
button {
 font-size:14px;
}
</style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="go1">» Animate Block1</button>
<button id="go2">» Animate Block2</button>

<div id="block1">Block1</div>
<div id="block2">Block2</div>
<script>

$( "#go1" ).click(function(){
 $( "#block1" ).animate( { width: "90%" }, { queue: false, duration: 3000 })
    .animate({ fontSize: "24px" }, 1500 )
    .animate({ borderRightWidth: "15px" }, 1500 );
});

$( "#go2" ).click(function(){
 $( "#block2" ).animate({ width: "90%" }, 1000 )
    .animate({ fontSize: "24px" }, 1000 )
    .animate({ borderLeftWidth: "15px" }, 1000 );
});

</script>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

a animação da rodovia em movimento eu já consegui, só que eu só consegui fazer em uma velocidade x, não sei como diminuir pra uma segunda velocidade menor que a primeira.

Compartilhar este post

Link para o post
Compartilhar em outros sites

buh    0

buh
Postado

já tentei assim tmb e já fiz uma função que executa o animate pra acelerar todas dão certo.. mas eu achei que tivesse outro jeito de fazer.. o que na real t acontecendo é que no ipad trava..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito