web前端|js教程
jquery,向上,无缝,特效,介绍
web前端-js教程
jsp源码没有数据库文件夹,ubuntu网页访问不了,tomcat设置服务自启动,网站爬虫违法,舟山php培训学校,壁山靠谱的seo优化哪家好lzw
效果呈现
微信源码站,vscode怎么运行网页,ubuntu dnf命令,查看tomcat启动位置,帮忙爬虫,linux php监控,湖北seo推广推荐厂家,电影网站 代码asp,h5菜单模板下载lzw
整个列表间隔设定的时间向上移动一个item的高度
国外php视频系统源码,ubuntu为什么很卡,爬虫简历项目经验,php 相册,seo执行流程lzw
html结构:
title1 title2 title3
item1item1item1 item2item2item2 item2item2item2
实现思路:
获得js-slide-list下第一个li元素的高度,对它的height或marginTop进行一个从有到无的动画变化,代码如下:
var doscroll = function(){ var $parent = $(.js-slide-list); 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()}, 2000);Demo1Demo2