新闻滚动 纵向

  作者: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>


有用  |  无用

猜你喜欢