Jquery scrolling text without plugin

On 04.02.12, In 4, jquery, by Samuel east
I needed to find some jquery code that would allow me to scroll text left to right i didnt want to use a plugin and i found this great code that you can see at the source. kevinmusselman

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Simple jQuery scrolling function by Max Vergelli</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

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

});
</script>
</head>
<body>

<div class="jp-title">
    
    <ul>
    <li class="scrollingtext">
        scrolling text scrolling text scrolling text scrolling text scrolling text</li>
    </ul>
</div>

</body>
</html>​

Css


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