Best jQuery News Ticker Plugins & Tutorials with Demo

jQuery Advanced News Ticker

jQuery Advanced News Ticker

A powerful, flexible and animated vertical news ticker plugin for jQuery.jQuery Advanced News Ticker provides multiple callbacks and methods to allow a maximum flexibility and an easy implementation into any project.

LatestNews : jQuery Animated News Ticker Plugin

LatestNews : jQuery Animated News Ticker Plugin

LatestNews is a new responsive plugin that allows you to show news feed with amazing text effects. It already comes with a Theme Configurator (360 css files included!) and 200 ready-to-use text animations.

Features:

  • 200 ready-to-use animations
  • theme configurator
  • responsive
  • SEO friendly
  • it can get news items from facebook (php files included)
  • it can get news items from twitter (php files included)
  • it can get news items from standard RSS
  • it can animate both letters and words
  • full compatibility with all the latest browsers
  • fallback for older browsers

jQuery Easy Ticker plugin

jQuery Easy Ticker plugin

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

Features:

  • Two directions available (Up and down).
  • Can be targeted on any template.
  • Flexible API for extending to various applications.
  • Supports ‘easing’ functions.
  • Mouse pause feature available.
  • The speed of the transition can be changed.
  • Controls can be added inorder to Play/pause or move the list Up and down.
  • Cross browser support.

SmarTicker : A Smart jQuery News Ticker Plugin

SmarTicker : A Smart jQuery News Ticker Plugin

SmarTicker is a jQuery smart news ticker plugin that is so simple to use like 1, 2, 3.

  1. Include jQuery 1.8.2 and newer for best performance and SmarTicker Css/Js files
  2. Create base Html structure with <ul> and <li>
  3. Call SmarTicker() method on target element, And…

Cream Soda Responsive jQuery News Ticker

Cream Soda Responsive jQuery News Ticker

Cream Soda jQuery Ticker is an ultra light, responsive, plug and play component that you can drop straight into your website. jQuery Ticker looks professional, with clean styling and elegant sliding animations. This version of Cream Soda jQuery Ticker supports three modes; vertical, horizontal and mini.

Features:

  • Responsive
  • Cross Browser Compatible
  • Light & Ultra Customisable
  • Minimal coding required
  • Three ticker types (Vertical, Horizontal & Micro)
  • Custom Animation Options
  • Custom CSS Options
  • Highlight featured items
  • Excerpt/Truncate Options
  • Navigational Buttons
  • Supports imagery
  • Auto play options
  • Smart pausing and interaction options
  • Accepts static content or XML/RSS feed content
  • Custom links from each item
  • Custom link targets
  • Manage item lengths

News Widget : jQuery Plugin

News Widget : jQuery Plugin

News Widget is a jQuery plugin that turns any list or news into a news slider. The plugin is extremely customizable with more than 28 options. The file includes a Full-Page Read More option and a widget Read More Option. You can also use this plugin with any RSS feed.

Features:

  • External RSS Feeds
  • 30+ Options
  • Full-Page and Widget Modes
  • Full control over size and style
  • Set Height or News item count
  • 8 Arrow Positions
  • 10 Animations for anything that moves
  • Full Control over animation duration, delay and ease
  • Image Support
  • External link support with in-article button compatibility
  • Any HTML content can be placed inside news.

Fancy News – jQuery plugin

Fancy News - jQuery plugin

Fancy News is a jQuery plugin that lets you create an outstanding news slider. It´s highly customizable and very easy to use. You can add umlimited of news with thumbnails. If the post is longer than the height of the main area, a cool scrollbar will be added automatically. You can also load your own RSS feed.

How to Make a Tumblr-powered News Ticker in jQuery

How to Make a Tumblr-powered News Ticker in jQuery

Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

The code we are writing will be organized as a jQuery plugin, which will make it portable and easy to embed in an existing website. When the plugin is run, it will request the latest posts from your blog with AJAX

jQuery Modern News Ticker

jQuery Modern News Ticker

Modern News Ticker is a modern, powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy to work with:

  • It comes with 15 different themes to choose from.
  • It has 4 different effects.
  • It has 4 different layouts.
  • It can have either round or square corners.
  • It offers options to control the effects as well as the autoplay settings.
  • Data can be loaded from a RSS or Atom feed.
  • Data can be loaded from Twitter.

jNewsticker : jQuery News Ticker

jNewsticker : jQuery News Ticker

jNewsticker is a powerful jQuery plugin designed to seamlessly integrate into your website. Pre-packed with three news ticker styles and three skins, you can easily create your own skins.

jNewsticker is about giving you choice. Out of the box, it comes with three styles of news ticker:

  • Fade between news items (one is displayed at a time)
  • Continuously scroll between news items
  • Reveal news items, one character at a time (also known as the typewriter effect)

And if you understand Javascript and jQuery, you can create your own news ticker styles to sit on top of jNewsticker.