15+ Free CSS3 and Jquery News Ticker

CSS3, Featured, JQuery

A breaking news ticker is a simple, lightweight jQuery plug and CSS3 that creates a simple horizontal Html Newsticker on your web page with multiple built in options of infinitely scrolling an unordered list of Html content with dragging/swiping and also stop-on-hover support. It also enables us to get any type of RSS or Media RSS feed using only JAVA script which has got an attractive animated display to feed the breaking news banner into the web page.

1. Jquery Plugin For Simple News Feed Ticker

jQuery-Breaking-News-Plugin

Demo & Download

Breaking news is an easy j Query plugin, powered by the Google feed API. This gets inputs from an user provided feed URL and displays them consecutively like a news ticker. It also enables us to get any type of RSS or Media RSS feed using only JAVA script.

2. Basic Responsive Jquery News Ticker

TickerMePink

Demo & Download

Ticker Me Pink is a j Query news ticker plugin that seems to be a simple, light weight and responsive one. It also provides you with the option of playing and pausing a fading list of inline elements.

3. Minimal Jquery News Ticker Plugin – inewsticker

jQuery-inewsticker-plugin

Demo & Download

inewsticker is a simple, lightweight jQuery news ticker plugin which includes some advantageous options to customize the animations, font color/size, text direction etc..

4. Flexible & Customizable Jquery News Ticker

Flexible-&-Customizable-jQu

Demo & Download

Easy Ticker is an easy, light weight  jQuery  plugin that allows you to have some of the multiple inbuilt options of scrolling up and down the items in your news ticker, auto scroll on page loaded and stop on mouse hover, the behavior out of the box control and finally, some fantastic options to customize animations.

5. Jquery Quote Rotator with A Slim Progress Indicator – simpleQuote

Quote-rotator-jQuery

Demo & Download

Quote Rotator is a jQuery component, miniature in size that is used to design a quote rotator widget with fading transitions and a slim progress indicator on your web page. It also serves the purpose of a text rotator, banner rotator, news ticker and much more.

6. Highly Customizable Jquery Text Scrolling Plugin – Web Ticker

jQuery-webTicker

Demo & Download

A simple and handy jQuery plugin that enables one to design a web ticker widget on the web page, supporting both left and right text scrolling which resembles the old Html marquee tag presents.

7. Flexible Jquery Vertical News Ticker Plugin – Advanced News Ticker

jQuery-Advanced-News-Ticker

Demo & Download

Advanced News Ticker is a simple jQuery plugin that provides a lot a parameters and call backs which enables one to make their own news ticker on the web page/app. It is characterized with the following options

  • two way movements, i.e., up and down
  • Auto scroll on page loaded and stop on mouse hover.
  • Custom controls to perform start, pause, next and previous actions.

8. Jquery Notice News Ticker

jquery-notice

Demo & Download

It is a simple and purely CSS3 oriented news ticker used to display some notice or announcements on your web page

9. Endless Horizontal Content Scroller

Endless-Horizontal-Content-

Demo & Download

EndlessRiver is a simple, lightweight j Query plug that creates a simple horizontal new sticker on your web page with the aid of an infinite looping content scroller from a Html unordered list.

10. PURE CSS3 NEWS TICKER

jquery-short-description-ti

Demo & Download

It is a simple and purely CSS3 oriented News Ticker

11. Tumblr News Ticker Widget with Jquery

Tumblr-News-Ticker-Widget

Demo & Download

A simple, super light jQuery plugin that creates a Tumblr-Powered News Ticker displaying the most recent posts on your tumblr blog.

12. Carousel Style Content Ticker Plugin with Jquery- Carousel Ticker

jQuery-Carousel-Ticker-Plug

Demo & Download

Carousel Ticker is a simple, lightweight j Query plug that creates a simple horizontal Html newsticker on your web page with multiple built in options of infinitely scrolling an unordered list of Html content with dragging/swiping and also stop-on-hover support.

13. Breaking News Ticker

breaking-news-pure-css

Demo & Download

This news ticker has got an attractive animated display to feed the breaking news banner  into the web page.

14. Infinite News Ticker Plugin with Jquery – TickerNews

jquery-news-ticker

Demo & Download

TickerNews is a feather light jQuery news ticker plugin that lets you to scroll through a list of items infinitely, analogous to the legacy marquee element.

15. Lightweight jQuery Content Scroller Plugin – marquee.js

jQuery-Marquee

Demo & Download

Marquee.js is a lightweight, cross-browser jQuery plugin that resembles th old traditional marquee element which allows the convertion of an Html list into a vertical & horizontal content scrolled, optimally serving you to   design a news ticker widget on your web page.

Checkout some Premium News Ticker that you may like.

16. Smart News Ticker

Demo & Download

17. Responsive Jquery News Ticker

Demo & Download

18. News Slider & Viewer

Demo & Download

19. Breaking News Ticker

Demo & Download

This Article Was Written By

Ruban Silva

I've been working on Web since 2011, loves to help others providing Web Design Resources. My other skills are Word press Development (under varies niches), Thesis Skin Development, Genesis Child Theme Development and SEO.

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

2 comments… add one
  • jhon

    very useful codes. Really awosome. Thanks for giving such a great jquery ticker code

  • ogor

    thanks.

Leave a Comment