TalkPHP - View Single Post

buildakicker · 08-12-2009, 05:17 PM

Quote:

Originally Posted by Salathe

Have you looked into using one of the JS frameworks for their animation abstractions? jQuery for example would make something like this only a relatively few lines of code (well, depends on how you implement it).

That's what I was thinking, something with JQuery. What I am struggling with is getting the animation to move through the page onload. I should do something like this right:

Code:

$(document).ready(function(){
   
function loopDiv(){
    $("#animatedDiv").show();
    $("#animatedDiv").animate({top:"100"},4000);
    $("#animatedDiv").fadeTo("slow",0);
  });

//don't know much about this yet...
jquery.each() //say I have 20 items, loop through the items, create div, animate.

});