My Science Is Better » core js http://www.myscienceisbetter.info Sat, 20 Mar 2010 16:16:09 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Timed cycling of DOM elements using Javascript http://www.myscienceisbetter.info/timed-cycling-of-dom-elements-using-javascript.html http://www.myscienceisbetter.info/timed-cycling-of-dom-elements-using-javascript.html#comments Tue, 10 Mar 2009 13:19:00 +0000 Romeo Adrian Cioaba http://blog.myscienceisbetter.info/?p=30 I had the following sequence of code:

<ul id="parent">
    <li>test 1</li>
    <li>test 2</li>
    <li>test 3</li>
    <li>test 4</li>
    <li>test 5</li>
</ul>

What i wanted to achieve was to add the class "selected" to the childrens of #parent one at a time, having some delay in between. When then next element is selected, then the element before it should lose the selected class.

Based on the great work of cmarshall at http://www.webmasterworld.com/javascript/3449722.htm and adding a bit of jQuery i was able to build a page using jQuery that does that.

I didn't bother to put the all the code here, you can just view source in the demo. The code is pretty much commented so you shouldn't have any problem understanding it.

You can click here to see it in action.

]]> http://www.myscienceisbetter.info/timed-cycling-of-dom-elements-using-javascript.html/feed 0