Well recently i had to design a list rotator and use mootools to create the effect. Did some thinking and got a simple logic to do so . Remove the first element, get the list and append the data of the first element to the list. Well so it rotates and the effect looks cool. [...]
Archive for the ‘Javascript’ Category
Lavalamp effect using jQuery
Before i start on how to get the effect, here is the final outcome . Lava Lamp effect The most important concept for this effect is the absolute positioning and the morphing of the element. The HTML <div id="navigation"> <ul> <li id="selected"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Details</a></li> <li><a href="#">Feedback</a></li> </ul> <div id="blob"></div> </div> [...]