Seamless jquery text scroll up and down, move the mouse to stop

<Script src = "./js/jquery-1.4.2.min.js" type = "text/javascript"> </script>

<Script type = "text/javascript">
Function AutoScroll (obj ){
$ (Obj). find ("ul: first"). animate ({
MarginTop: "-25px"
},500, function (){
Vertex (this).css ({marginTop: "0px"}). find ("li: first"). appendTo (this );
});
}
$ (Document). ready (function (){
Var myar = setInterval ('autoscroll ("# con2_qhd_3") ', 1000 );
// When the mouse is put up, the scroll stops and the scroll starts when the mouse leaves.
$ ("# Con2_qhd_3 "). hover (function () {clearInterval (myar) ;}, function () {myar = setInterval ('autoscroll ("# con2_qhd_3") ', 1000 )});
});
</Script>

<Div id = "con2_qhd_3">
<Ul>
<Li> <a href = "#"> welcome 111111111111 </a> </li>
<Li> <a href = "#"> welcome 22222222222 </a> </li>
<Li> <a href = "#"> welcome 333333333333 </a> </li>
<Li> <a href = "#"> welcome 4444444444444 </a> </li>
<Li> <a href = "#"> welcome 5555555555 </a> </li>
<Li> <a href = "#"> welcome 66666666666666 </a> </li>
</Ul>
</Div>