Question

On Envylabs’ site they have a feature where, below the logo, some text keeps changing after a few seconds.

I’m trying to find out what kind of JS/jquery function would do that. Can someone point to a tutorial for this?

Answer 1

You should be using setInterval together with fadeIn and fadeOut to do this. Something like this will work:

var taglines = ['Hello world!', 'Over the rainbow', 'Seeing is believing', 'Bloody hell where am I going?'], 
    count = 0;

setInterval(function(){
    $('#tagline').fadeOut(300, function(){
        $(this).text(taglines[(count++)%taglines.length]).fadeIn(300);
    })
}, 3000);

See: http://jsfiddle.net/7n9Md/