[RESOLVED] Can someone refer me to a tutorial on the following?

@JavaScriptNickDec 30.2010

I’ve seen this done on numerous sites and I’m not even sure what its called. Some type of anchor tag animation perhaps?

Here are some links to examples of what I’m refering to.
~~[URL=”http://moozedesign.com/”]~~http://moozedesign.com/[/URL]

Any type of information on the practice would be helpful.

Thanks in advance.

~Nick

to post a comment

JavaScript

@DanInMADec 30.2010 — #there's a few effects on the page, which one are you referring to? perhaps we can narrow it down

@Declan1991Dec 30.2010 — #[url=http://wellstyled.com/css-nopreload-rollovers.html]CSS rollovers[/url]. To get the transition effect, it's actually JavaScript that changes the background position onmouseover and onmouseout, but the principle is the same.

@JavaScriptNickauthorDec 30.2010 — #When you click the links, "Work", "About" or "Contact", you jump to that section of the page. Not simply a bookmark as there is animation with it.

@DanInMADec 30.2010 — #from mooze.js - remember this is someone elses work so if you want to cut ans paste you shoudl probabaly ask the admin at mooze to use it.

also it's written using jquery in case that wasnt obvious

oh you meant how it moves down woops. one sec

@DanInMADec 30.2010 — #again this is their code so get permission:

[CODE]	//background color change
 $(".Home").click(function(){
 $("body").stop().animate({backgroundColor:'#ffd018'}, 300);
 $('html, body').animate({scrollTop: $("#welcomeMooze").offset().top}, 2000);
 });
 
  $(".wel-Work, .work").click(function(){
   $("body").stop().animate({backgroundColor:'#c6db2b'}, 300)
   $('html, body').animate({scrollTop: $("#portfolio").offset().top}, 2000);
  });
 
  $(".wel-about, .aboutus").click(function(){
   $("body").stop().animate({backgroundColor:'#ff91d6'}, 300);
   $('html, body').animate({scrollTop: $("#aboutMooze").offset().top}, 2000);
  });
 
  $(".wel-contact, .contactus").click(function(){
   $("body").stop().animate({backgroundColor:'#7fd6ff'}, 300);
   $('html, body').animate({scrollTop: $("#mContact").offset().top}, 2000);
  });
 [/CODE]

@rnd_meDec 30.2010 — #there are smooth scroll jquery plugins that automate animating hash changes...

[RESOLVED] Can someone refer me to a tutorial on the following?

6 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

[RESOLVED] Can someone refer me to a tutorial on the following?

6 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #JavaScript _↴