Minimal jQuery Text Rotator with Fade Animations - News Feed

File Size: 2.71KB
Views Total: 3552
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal jQuery Text Rotator with Fade Animations - News Feed

News Feed is a really simple jQuery text rotator plugin that rotates an array of text links with fade-in and fade-out aniamtions, which can be used as a news feed widget on your website.

How to use it:

1. Load the jQuery library and jQuery news feed plugin at the bottom of your page to reduce the page loading time.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="jquery.newsfeed.js"></script> 

2. Create a container for your news feed widget.

<div id="news"></div>

3. Create the text & links in javascript and then call the plugin.

<script>
var newsText = {
"Free jQuery Plugins" : "https://www.jqueryscript.net/",
"Weekly Web Design & Development News: Collective #10" : "https://www.jqueryscript.net/blog/Weekly-Web-Design-Development-News-Collective-10.html",
"20 New & Free jQuery Plugins For This Week" : "https://www.jqueryscript.net/blog/20-New-Free-jQuery-Plugins-For-This-Week.html",
"Top 10 New jQuery Plugins In November 2013" : "https://www.jqueryscript.net/blog/Top-10-New-jQuery-Plugins-In-November-2013.html"
}
$('#news').newsFeed({
newsData: newsText,
type: 1, // 1=fade effect
timeInterval: 5000, // animation interval
targetBlank: true // Open the link in a new window
});
</script>

This awesome jQuery plugin is developed by lkshminarayanan. For more Advanced Usages, please check the demo page or visit the official website.