animacao javascript nativo

[Wellington09 1]

A algum tempo veja tentando utilizar o maximo de javascript nativo em meus projetos e deixando de lado um pouco o jQuery, acredito que as vzs não a necessidade de carregar 100k apenas para um simples codigo no site, melhorando assim a performance do site.

 

Estou com uma dificuldade de criar um codigo de animacao com javascript puro.

abaixo segue o que eu utilizo via jQuery

jQuery(".animacao").animate({     right: "300px" }, 500); 

Como faço o exemplo acima com codigo nativo do javascript ?

[Alex Hiroshi 7]

Conhece o http://zeptojs.com? Interessante em alguns casos.

Você pode fazer essa animação utilizando setInterval() e ir alterando o valor do 'right'.

[Ted k' 126]

http://www.schillmania.com/content/projects/javascript-animation-1/

[Wellington09 1]

Legal, não conhecia este framework, vlw pela dica, mas ainda sim estou procurando utilizar javascript puro, até para aprender mais e não ficar dependente de frameworks

 

Consegue me ajudar com uma duvida que estou com javascript. ?

 

Não sei pq motivo ele só entende apenas o click do menu 1

 

Segue o exemplo

 

http://jsfiddle.net/M2NNe/

[William Bruno 1501]

@Wellington09

 

Para animações, é mais recomendado que vc use css3 do que javascript puro. Ficará muito mais performático.

[Wellington09 1]

mas como fica a compatibilidade com o IE neste caso do css3 ?

[William Bruno 1501]

No caso, eu usaria transition para essa animação que vc quer fazer:

http://caniuse.com/css-transitions

 

No IE abaixo do 10, oque aconteceria seria que iria "seco", sem animação.

[Wellington09 1]

Vlw william , acho que vou seguir seu conselho, até pq se for o caso do IE me dar trabalho é só fazer um comentario condicional do IE no html e partir para um js.

 

:yes: