VOOZH about

URL: https://www.geeksforgeeks.org/jquery/how-to-create-a-news-ticker-using-jquery/

⇱ How to create a news ticker using jQuery ? - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

How to create a news ticker using jQuery ?

Last Updated : 23 Jul, 2025

A news ticker is a text-based display either in the form of a graphic that displays news scrolling text running from up to down or right to left. In this article, we will use a jQuery plugin called easy-ticker to create a news ticker in a simple manner.

To use this plugin, simply add the CDN link in the script tag of your HTML code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easy-ticker/2.0.0/jquery.easy-ticker.min.js"></script>

Example: Let us look at the HTML code to know how we can create a news ticker using the easy-ticker plugin.

Output:

👁 Image

In the above example, we have used an easy ticker plugin for scrolling up to down and right to left.

Comment

Explore