News Ticker with Responsive Design

August 01, 2019 No comments jQuery News Ticker Responsive

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.

Jquery responsive news ticker

2. Plugin Overview

Library eocNewsticker
Author Dieter Schmitt
Licence MIT Licence
Repository GitHub
Dependencies jQuery 2.2.4

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>
<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.

{{ message }}

{{ 'Comments are closed.' | trans }}