开始新的技术生活-javascript>animate

最新推荐文章于 2025-10-01 15:26:34 发布

原创最新推荐文章于 2025-10-01 15:26:34 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个关于使用jQuery的animate方法时遇到的问题及解决办法。当animate方法没有适当的控制时，元素可能会出现不可预期的动画效果。通过使用.stop()方法可以有效地控制动画过程，避免不必要的视觉干扰。

	    addAnimation:function () {
	        $('.list-1').mouseenter(function () {
	            $(this).find('.l-con').stop().animate({
	                top:0
	            });
	            $(this).find('.l-con').find('h4').stop().animate({
	                paddingTop:30
	            });
	        }).mouseleave(function () {
	            $(this).find('.l-con').stop().animate({
	                top:300
	            });
	            $(this).find('.l-con').find('h4').stop().animate({
	                paddingTop:0
	            });
	        })
	    },

2016年10月11日，在一个风高的日子

今天遇到的问题是

在js使用animate的情况下，假如没有一个限制，就会导致所以的就是喷泉一样在活动。

后来利用了.stop方法导致停止

开始我自己人生第一份打代码的工作

觉得这几天上班的真的很充实很有意思

博客开始是从比较基础的记录问题，到平时自己再发现问题去尝试分析和完成的。