JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<script src="https://raw.github.com/jonmifsud/Web-Ticker/master/jquery.webticker.js"></script>
Most popular post on my blog
<br/>
<ul id="webticker">
    <li>Check if checkbox is checked</li>
    <li>Mostly asked jQuery interview question</li>
    <li>Common jQuery Mistakes</li>
    <li>Validate email address using jQuery</li>
    <li>jQuery String Functions</li>
    <li>Get URL Parameters using jQuery</li>
</ul>

CSS

body {
    font-family:Arial;
    font-size:10pt;
    padding : 20px;
    color:Green;
    font-weight:bold;
}
.tickercontainer {
    width: 500px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask {
    position: relative;
    top: 8px;
    height: 18px;
    overflow: hidden;
}
ul.newsticker {
    position: relative;
    font: bold 8pt Arial;
    color:black;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left;
    margin: 0;
    padding-right: 15px;
}

JavaScript

$(document).ready(function () {
    $('#webticker').webTicker();
});