js文字滚动事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.inner{position:relative;height:70px;margin:100px auto;display:block;overflow:hidden;}
ul,li{list-style:none;}
ul{height:70px;}
li{height:15px;margin-top:5px;}
</style>
</head>
<body>
<div class="inner">
<ul>
<li>111111111111111111</li>
<li>222222222222222222</li>
<li>333333333333333333</li>
<li>444444444444444444</li>
<li>555555555555555555</li>
<li>666666666666666666</li>
</ul>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/animate.js"></script>
<script type="text/javascript">
function autoScroll(obj){
$(obj).find("ul").animate({
"marginTop":"-15px"
},1000,function(){
$(this).css({"marginTop":"0"});
$("li:first-child").appendTo(this);
})
}
setInterval('autoScroll(".inner")',1500);
</script>
</html>