Question

I’m looking for a way to have every link on a page delay by a second, so that a fade-out animation can occur Essentially, you click on an area over an image and the image fades out, but if there’s no delay, the animation isn’t seen. I have 4 areas on this image. Two go to page A and two go to page b. Any thoughts?

Answer 1

You can do it with jQuery:

$('a').click(function(e) {
    var anchor = $(this), h;
    h = anchor.attr('href');
    e.preventDefault();
    anchor.animate({'opacity' : 0}, 1000, function() {
        window.location = h;
    });
});