TExt scroller using jquery

no use of any plugins, simply a javascript function.

HTML

<body>


    
    <div class="scrollingtext">
        scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text scrolling text</li>
    </div>


</body>

CSS

div.jp-title{
        position:relative;
        height:100px;
        width:100%;
        display:block;
        overflow:hidden;
        border:#CCCCCC 1px solid;
    }
   .scrollingtext{
        position:absolute;
        white-space:nowrap;
        font-family:'Trebuchet MS',Arial;
        font-size:5em;
        font-weight:bold;
        color:#000000;
    }

JavaScript

$(document).ready(function() {

    $('.scrollingtext').bind('marquee', function() {
        var ob = $(this);
        var tw = ob.width();
        var ww = ob.parent().width();
        ob.css({ right: -tw });
        ob.animate({ right: ww }, 20000, 'linear', function() {
            ob.trigger('marquee');
        });
    }).trigger('marquee');

});