开发者

page transitions using javascript

开发者 https://www.devze.com 2022-12-26 12:21 出处:网络
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:

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?


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


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
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号