js实现列表从下往上循环滚动
2024-10-06 16:08:22
html:
<div class="liscorll">
<ul>
<li>内容</li>
</ul>
</div>
js:
/* 通知-滚动条 */
var doscroll = function(){
var $parent = $('.liscorll ul');
var $first = $parent.find('li:first');
var height = $first.height();
$first.animate({
height: 0 //或者改成: marginTop: -height + 'px'
}, 500, function() {// 动画结束后,把它插到最后,形成无缝
$first.css('height', height).appendTo($parent);
// $first.css('marginTop', 0).appendTo($parent);
});
};
setInterval(function(){doscroll()}, 3000);
最新文章
- iOS 报错汇总
- 对想进入Unity开发新人的一些建议
- 安装DELL R430服务器的过程记录
- JNI笔记之 初体验
- C-函数与内存剖析
- Linux下编译安装Apache Http Server
- java中获取路径中的空格处理(%20)问题
- Action Bar详解
- 【模拟】Codeforces 710A King Moves
- zoj 3714 Java Beans
- 比ORA-24777: 我不使用不可移植数据库链接更郁闷的事情达成一致
- MFC下DLL编程(图解)
- UE4 difference between servertravel and openlevel(多人游戏的关卡切换)
- js监听文本框值变化事件,就oninput &; onpropertychange &; onkeyup &; onchange的区别
- 汇编语言1(mooc)
- git-format-patch
- 项目管理、软件、禅道 VS JIRA
- 一个完整Java Web项目背后的密码
- Java中类与类的关系
- Linux下安装配置SNMP服务