A simple jQuery pattern for rotation through a series of html elements. Kind of like a carousel, but just for text or other overlays.

rotatetext

(function() {

    var rotates = $(".rotatetext");
    var rotateIndex = -1;
    
    function showNextRotate() {
        ++rotateIndex;
        rotates.eq(rotateIndex % rotates.length)
            .fadeIn(900)
            .delay(1800)
            .fadeOut(900, showNextRotate);
    }
    
    $(document).ready(showNextRotate());
    
})();