新闻滚动 纵向
作者:chrispy
<div id="scrollDiv1"><ul><li>1、jQuery实现列表自动循环滚<span>1111</span></li><li>2、循环滚动鼠标悬停时停止滚动_<span>2222</span></li><li>3、ery实现列表自动循环滚动鼠标悬停时<span>3333</span>&
<div id="scrollDiv1">
<ul>
<li>1、jQuery实现列表自动循环滚<span>1111</span></li>
<li>2、循环滚动鼠标悬停时停止滚动_<span>2222</span></li>
<li>3、ery实现列表自动循环滚动鼠标悬停时<span>3333</span></li>
</ul>
</div>
<div id="scrollDiv2">
<ul>
<li>1、jQuery实现列表自动循环滚动鼠动<span>1111</span></li>
<li>2、循环滚动鼠标悬停时停止滚动_jquer<span>2222</span></li>
<li>3、ery实现列表自动循环滚动鼠标悬停时<span>3333</span></li>
</ul>
</div>
<script>
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-25px"
}, 500, function () {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}
$(document).ready(function () {
setInterval('AutoScroll("#scrollDiv1")', 3000)
setInterval('AutoScroll("#scrollDiv2")', 3000)
});
</script>