jq 动画的影响

最新推荐文章于 2024-04-19 18:24:22 发布

未玄

最新推荐文章于 2024-04-19 18:24:22 发布

阅读量270

点赞数

分类专栏： JQ

本文链接：https://blog.csdn.net/a17634399794/article/details/82468871

版权

JQ 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

如果不清除 jq 动画 left值被修改为0后的一瞬间后恢复原来的 left值继续执行之前没执行完的动画

<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<style type="text/css">
			#a {
				width: 100px;
				height: 100px;
				position: absolute;
				left: 100px;
				top: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<button id="btn2">下一</button>
		<div id="a"></div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$("#btn2").click(function() {
			if($("#a")[0].offsetLeft >= 200) {
				$("#a").stop(true,true)
				$("#a").css("left", 0);
				
			}
			$("#a").animate({
				width: "+=20",
				height: "+=20",
				left: "+=20"
			}, 500);console.log($("#a")[0].offsetLeft)
		})
	</script>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

未玄

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jq 动画的影响

如果不清除 jq 动画 left值被修改为0后的一瞬间后恢复原来的 left值继续执行之前没执行完的动画&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content
复制链接

扫一扫