$(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: