News Ticker with Responsive Design

1. Introduction

eocNewsticker is a jQuery plugin designed to showcase the news in a horizontal bar. It scrolls news from right to left and can be used to present the latest information on your website. Fully customizable and easy to integrate, adapt to any website size with responsive design. Available options allow you to change the scrolling speed, scroll delay and many more.

2. Plugin Overview

Demo

3. How to install and use eocNewsticker jQuery plugin

Below steps will show you how to install and start using News Ticker plugin on your website.

1. first, load jQuery JavaScript library

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

2. secondly, add eocNewsticker CSS styles and JavaScript

<!-- News Ticker CSS -->
<link rel="stylesheet" href="css/eocnewsticker.css">

<!-- News Ticker Js -->
<script src="js/eocnewsticker.js"></script>

3. create a div element with a unique id that contains your news links or whatever you want

<div id="newsBar">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

4. finally, initialize the plugin to activate news ticker

$(document).ready(function() {
  $("#newsBar").eocNewsticker();
});

After initialization eocNewsticker plugin text from specified div element will start to scroll from right to left.

4. Conclusion

In this article, we presented a jQuery plugin eocNewsticker for News Ticker that can be used to present important information on your website just like on CNN News. The plugin is super simple and easy to integrate and customize. Responsive design ensures it will be readable on every kind of the website.