Modern News Ticker

Modern News Ticker Created by CreativeTier. This templates have specific characteristics, namely: Modern has features such as High Resolution: No, Compatible Browsers: IE7, IE8, IE9, Firefox, Safari, Opera, Chrome, Software Version: jQuery .

You can use this Modern News Ticker on Javascript category for atom feed, jquery, jquery scroller, jquery ticker, lightweight, modern, news, news scroller, news ticker, rss feed, scroller, scroller plugin, ticker, ticker plugin, twitter and another uses.

Modern News Ticker
© Copyright by CreativeTier


  • None: None
  • Jquery: jQuery
  • No: No
  • Ie7, ie8, ie9, firefox, safari, opera, chrome: IE7, IE8, IE9, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css: JavaScript JS, HTML, CSS


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: scroll, fade, type and slide.
  • 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.
  • Dynamically loaded data can be set to automatically refresh at an interval of time.


  • This is not a WordPress plugin, it is a standalone HTML, CSS and JavaScript project. A few people have made the confusion that this is a WordPress plugin and that is why I am posting this clarification note. On CodeCanyon, WordPress plugins are only in the “WordPress” section. This ticker is in the “JavaScript” section and it is a standalone project.
  • Loading data from Twitter uses PHP because of the authentication requirement when working with the Twitter API.


5 August 2016:

  • Improved the typing effect functionality. HTML tags inside the typed text are now supported so that the typed text can have different styles.
  • Fixed an error that was causing the typing effect not to display properly when switching back and forth fast between news items.

29 September 2015:

  • Improved the way RSS/Atom loading works.
  • Fixed an issue that was causing some RSS/Atom urls not to work properly.
  • Added a new setting called “forceNoCache” to bypass loading cached RSS/Atom files, if needed.
  • Added console error messages for the “process” load type.

18 December 2014:

  • Fixed an issue that was causing the links not to display properly when loading an RSS file directly.

6 September 2014:

  • Added a new setting to specify if the autoplay pauses when hovering over the news.
  • Added a new setting to specify if the news items have the links enabled.
  • Fixed an issue that was causing the preloader not to be properly visible when loading data.

2 September 2014:

  • Fixed an error where empty news items were displayed if the “feedCount” was higher than the available number of news items.
  • Improved the way that the “feedCount” setting works in order to be able to load the total available items or a variable number of items up to a specified limit.

10 May 2014:

  • Improved the way that the layout works.
    • Improved the layout behaviour when the ticker is responsive.
    • Fixed an issue in page layouts with subpixel precision.
    • Fixed an issue with the news items stacking on top of each other.
  • Added a new setting to specify the target page of links for loaded content.
  • Added a new setting to specify the path to the Twitter loading file.
  • Updated the files and instructions with the new Twitter API key names.
  • Updated the initialization code.
  • Updated the guide.
  • Updated jQuery to the newest version.

13 February 2014:

  • Improved the RSS, Atom file loading options. Now there are 2 loading options available.
  • Added an example RSS file.
  • Updated the instructions.
  • Updated the guide.
  • Fixed a couple of bugs.

10 February 2014:

  • Added a new setting to specify the type of scrolling, either continuous, with no interruption, or discontinuous, leaving empty space once the list finishes scrolling and before starting again.
  • Added a new setting to specify the start position of the scrolling, either from inside or from outside.

22 August 2013:

  • Fixed a bug that was causing the news not to display properly when the width was set as responsive and the window was resized.

15 August 2013:

  • Updated the code of the effects so that the first list items animate as well.
  • Fixed a bug that was causing a delay in the refresh of the loaded RSS-Atom feed.

26 June 2013:

  • Made an update to the Twitter feed functionality to work with the 1.1 update of the Twitter API.

13 February 2013:

  • Added a setting to control the automatic refresh of dynamically loaded data at an interval of time.
  • Added a method to be able to call the refresh through code, if needed.

9 February 2013:

  • Updated the guide
  • Updated the code
  • Updated instructions
  • Updated file structure