page transitions using javascript

Question

hey,

i saw this on a site a couple of days ago and i cant seem to find it again.

in any case, this is what was on the site:

the page opened regularly when you entered the url. upon clicking one of the links on the page, it "transitioned" to the next page (there was a color change). and the url in the address bar was changed to reflect that. eg: if the background was blue on site.com, when clicking on the about link, the background would change to green and the browser would show site.com/about. and so on.

also, if the url entered was site.com/about, the bg would be green and on cliking the home page, the site would transition from green to blue and browser would show site.com

im interested in finding out how this was done. searching on google got me the meta-refresh tag, but the ffect was much more complex and worked on all browsers.

is there any other method out there?

Answer 1

There are a lot of realizations. The simplest way is jQuery

Answer 2

You can find page transition generator right here :

• http://www.designerwiz.com/mf.htm?http&&&www.designerwiz.com/generator/dhtml_page_effect_generator.htm

if you wanna do it via jQuery, here is a tutorial about it :

• http://weston.ruter.net/projects/jquery-css-transitions/

and sample :

• http://weston.ruter.net/projects/jquery-css-transitions/code/example.html