How to create fade in fade out text in for loop with jquery

Posted: June 18, 2015 in Uncategorized
Tags:

(function($) {

var quotes = $(“.quotes”);
var quoteIndex = -1;

function showNextQuote() {
++quoteIndex;
quotes.eq(quoteIndex % quotes.length)
.fadeIn(4000)
.delay(4000)
.fadeOut(4000, showNextQuote);
}

showNextQuote();

})(jQuery);
//HTML
give class = quotes
<!–first quote
second quote
third quote
furth quote–>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s