By rick
via harrymaugans.com
Published: Mar 06 2007 / 13:29
In this tutorial, we will create functions to slide DIVs up and down. It supports multiple animations happening simultaneously, as well as a variable animation length. It’s also time-based, rather than increment based, so it’ll animate the same speed on most computers; old computers won’t take 10 minutes for a DIV to slide down.
Tweet
SaveShareSend
Tags: css-html, how-to, javascript, web design
Comments
senfo replied ago:
Do you have a mirror? The link doesn't seem to be working.
jtheory replied ago:
Add in .nyud.net:8080 after the .com to hit the coralized copy:
http://www.harrymaugans.com.nyud.net:8080/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/
Fortunately, it looks like someone pulled it into cache before the server choked.
jtheory replied ago:
And here's the final JS file:
http://www.harrymaugans.com.nyud.net:8080/wp-content/uploads/2007/03/motionpack.js
Voters For This Link (14)
Voters Against This Link (0)