Edit in JSFiddle

$(document).ready(function () {
    $('#webticker').webTicker();
});
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>
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;
}

External resources loaded into this fiddle: