如何用jq写一个简单的上下滚动新闻轮播

最新推荐文章于 2021-06-11 11:55:23 发布

原创最新推荐文章于 2021-06-11 11:55:23 发布 · 724 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#滚动新闻

轮播滚动专栏收录该内容

1 篇文章

订阅专栏

//该方法需将ul设置为相对定位，top值为0
funciton scroll（）{
//获取滚动的距离
var top = 30;
//使用定时器实在一直滚动
setInterval（function（）{
$(’.ul’).animate({
‘top’:-top
},1000,function(){
//第一个元素滚动完以后将第一个元素添加到ul最后去
$(^{'} . u l > l i : f i r s t - c h i l d^{'}) . a p p e n d T o (^{'}$ (’.ul’)’);
$(’.ul’).css(‘top’,0);
})
}）
}