Minimal jQuery Text Rotator with Fade Animations - News Feed
File Size: | 2.71KB |
---|---|
Views Total: | 3559 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.