社区
JavaScript
帖子详情
想要实现新闻公告的上下滚动播放,这样做不出来
zyj2013_8
2016-08-25 02:42:37
if (len<=1) {
return;
}
setInterval(function() {
$ul.animate({marginTop:-height},500,function() {
$ul.append($li.first());
$ul.css('margin-top','0');
});
},3000)
...全文
169
1
打赏
收藏
想要实现新闻公告的上下滚动播放,这样做不出来
if (len<=1) { return; } setInterval(function() { $ul.animate({marginTop:-height},500,function() { $ul.append($li.first()); $ul.css('margin-top','0'); }); },3000)
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
天际的海浪
2016-08-25
打赏
举报
回复
setInterval(function() { var height = $li.first().outerHeight(); $ul.animate({marginTop:-height},500,function() { $ul.append($li.first()); $ul.css('margin-top','0'); }); },3000)
vue
实现
公告
栏文字上下
滚动
效果的示例代码
主要介绍了vue
实现
公告
栏文字上下
滚动
效果的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
【JavaScript源代码】JS
实现
公告
上线
滚动
效果.docx
JS
实现
公告
上线
滚动
效果 本文实例为大家分享了JS
实现
公告
上线
滚动
效果的具体代码,供大家参考,具体内容如下
实现
的效果如下,
新闻
公告
上下
滚动
。 代码:
<script type="text
文字列表无缝向上
滚动
文字列表无缝向上
滚动
,只要设定总体高度,多少行都能让文字
滚动
。
无限
滚动
自动
滚动
布局效果
作者glh239,源码BannerView,下拉放大 无限
滚动
自动
滚动
,tableview顶部视图无限自动
滚动
下拉可放大。
用CSS3
实现
无限循环的无缝
滚动
的示例代码
有时候在页面的某个模块中,需要无限循环的
滚动
一些消息。那么如果我们用js
实现
无缝衔接
滚动
的思路是什么呢(比如我们这个模块是向上
滚动
的)? 1.克隆A一份完全一样的数据B放在原数据A的后面; 2.使用setInterval向上
滚动
A的父级容器; 3.当向上
滚动
的距离L正好的A的高度时(L==A.height()),L=0,重新开始
滚动
,无限循环。 克隆一份数据放在后面,是为了当A向上移动时,后面有数据能填补漏出来的空白。当B移动到可视区域的顶部时,此时A刚好移出可视区域,那么此时将容器重新归0,用户是没有感知的,以为还是B中的第一条数据。然后继续向上
滚动
。 1. 使用CSS3来
实现
若要用CSS
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章