700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 介绍一款jquery特效–无缝向上循环滚动列表

介绍一款jquery特效–无缝向上循环滚动列表

时间:2023-04-24 13:19:21

相关推荐

介绍一款jquery特效–无缝向上循环滚动列表

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。