在H5手机移动端网页上实现jquery公告无缝滚动

在H5手机移动端网页上实现jquery公告无缝滚动

 

 

代码实力来自 http://h.leomei.com

复制代码
$(function() {
var listPanel = $('.announcement ul');
var nubcers = 0; //向上滚动top值
function announceUp() { //向上滚动
listPanel.animate({ //中奖结果
'top': (nubcers - 35) + 'px'
}, 2000, 'linear', function() {
listPanel.css({
'top': '0px'
}).find("li:first").appendTo(listPanel);
announceUp();
});
}
announceUp();
});
复制代码

 

posted @   imcrony  阅读(332)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示