Copy Code code as follows:
<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"
}, function () {
$ (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, scroll to stop, the mouse left when scrolling start
$ ("#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 to 22222222222</a></li>
<li ><a href= "#" > Welcome to 333333333333</a></li>
<li><a href= "#" > Welcome to 4444444444444</a></li>
<li><a href= "#" > Welcome 5555555555</a></li>
<li><a href= "#" > Welcome 66666666666666</a ></li>
</ul>
</div>