js模拟marquee的滚动效果

这是js代码
　　　　 scroll($(‘#warnMsg‘));
        function scroll(doc){
            var parentWidth = doc.parent(‘div‘).width();
            var docWidth = doc.width();
            doc.css(‘left‘,parentWidth+‘px‘);
            var timer = setInterval(function(){
                if(parseInt(doc.css(‘left‘))>-docWidth){
                    doc.css(‘left‘,(parseInt(doc.css(‘left‘))-1)+"px");
                }else{
                    doc.css(‘left‘,parentWidth+‘px‘);
                }
            },10);
            doc.on(‘mouseover‘,function(){
                clearInterval(timer);
            });
            doc.on(‘mouseout‘,function(){
                timer = setInterval(function(){
                    if(parseInt(doc.css(‘left‘))>-docWidth){
                        doc.css(‘left‘,(parseInt(doc.css(‘left‘))-1)+"px");
                    }else{
                        doc.css(‘left‘,parentWidth+‘px‘);
                    }
                },10);
            });
        }
这是html：
<div style="position: absolute;top:27px;left:500px;z-index:777;overflow: hidden;width:500px;" >
    <div style="position: relative;left:500px;white-space: nowrap;width:auto; display:inline-block !important; display:inline;" id="warnMsg">
        滚动内容
    </div>
</div>