Animate the scroll for links to areas of the same page. Requires jQuery.

anchor-animate.js

/** This version only requires jQuery **/

$("a[href*='#']").click(function(event) {
    event.preventDefault();
    var full_url = this.href;
    if(full_url !== '#') {
        var parts = full_url.split("#");
        var trgt = parts[1];
        var target_offset = $("#" + trgt).offset();
        var target_top = target_offset.top;
        $('html, body').animate({
            scrollTop: target_top
        }, 400);
    } else {
        return false;
    }
});

/** This version requires scrollTo jQuery Plugin **/

$("a[href*='#']").click(function() {
	target = this.href;
	if(target !== '#') {
		$.scrollTo($(target), 600);
	}
	else {
		return false;
	}
});

I want to change the selector it binds to so you don't have to add a class to the link each time.

** Updated with generic selector and version for use with scrollTo plugin **