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
-
Groovy Goodness: Create Dynamic Methods
-
Getting your OSS binaries with Horn
-
5 Fresh and Useful jQuery Plugins Were Born in November 2009
-
RIA Services: A DomainService IS A WCF Service – Add Service Reference
-
The code part II: EventTester with expression trees
-
Exploring Web Typography: Experimental CSS Hover Layout
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)