`
pcajax
  • 浏览: 2109009 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 向上滚动效果【二】

阅读更多

<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-190px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
}); <script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>
}
$(document).ready(function() {
setInterval('AutoScroll("#scrollDiv")', 3000)
});
</script>
<style type="text/css">
ul, li
{
margin: 0;
padding: 0;
}
#scrollDiv
{
height: 190px;
line-height: 190px;
overflow: hidden;
}
#scrollDiv li
{
height: 190px;
}
</style>
<div id="scrollDiv" class="banner_little">
<ul>
<li>第一行</li>                                   
<li>第二行</li>
</ul>
</div>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics