Life, love, and Technology?A site for testing the new tools I'm building, and a little talk about what I'm learning on the way. |
Javascript Transition EffectsFriday, January 25, 2008 Here are some samples of some basic javascript transition effects. We are thinking about putting some of these nifty effects into certain areas of .geographical media. It seems to be rather trendy these days to do so. I have created the following effects: Fade In, Fade Out, Fly Out and Drop Out, Drop Back The effects are all very easy to do with Javascript adjusting the style properties of the object you wish to have the effect on. I found the opacity properties here at quirksmode http://www.quirksmode.org/js/opacity.html . I consider quirksmode to be the best source of well tested solutions to some of the more complex aspects of javascript programming. I've used his work often and would recommend his site to anyone. Here are the sample effects: http://joshua.perina.com/transition-effects I'll write more and explain the code once I've cleaned it up a bit. At the moment it's just 1/2 hour quick prototype.
CommentsThere are 3 comments - add your comment jay - Fajara, Gambia - Friday, January 25, 2008 5:59 AM ship it! The site looks good.
Hope all is well. Thanks Jay!
We're getting close now... maybe one more month and I'll be spamming you all to come sign up! Michelle - Florida, United States - Wednesday, June 11, 2008 6:44 AM Hi,
I'm looking for a page transition affect so that when you click on a link from the home page it will look like a page in a book is turning to get to the new index. I've done it in flash but it makes the file massive and would make web updates a nightmare. I'm trying to find a script that will create a similar affect. Any help would be greatly appreciated. Thanks
|
