Python学习 Day40 animate动画函数10

最新推荐文章于 2024-03-27 06:45:23 发布

ShengXIABai

最新推荐文章于 2024-03-27 06:45:23 发布

阅读量783

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/ShengXIABai/article/details/115555632

版权

本文详细介绍了jQuery的animate动画函数，包括其基本使用、注意事项和解决动画积累问题的方法。animate函数用于实现前端DOM的动画效果，通过定时器和信号量操作样式属性。内容涵盖了animate的参数解析、多个动画的顺序执行以及如何使用stop方法避免动画积累。

摘要由CSDN通过智能技术生成

animate动画函数

概述：在前端DOM中，动画实现的原理：定时器+信号量
在jQuery函数库直接提供了一个封装函数可供使用

语法格式：
$(selector).animate(json,time,callback);

第一个参数【必有】：JSON数据格式用来设置动画最终完成的样式属性值
第二个参数【可选】：动画时间的设置【毫秒】
第三个参数【可选】：当动画执行完毕的时候立即执行一次
注意：JQ函数库中的animate动画：很多样式都可以参与动画，但涉及到颜色的部分不能参与动画

一animate动画基本使用

样式部分

<style type="text/css">
			*{
   
				margin: 0;
				padding: 0;
			}
			div{
   
				position: absolute;
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
		<!--引包-->
		<script type=" text/javascript" src="js/jQuery.min.js"></script>
	</head>
	<body>
		<div>哈哈哈</div>
	</body>

animate动画函数

$('div').animate({
   
		'left':

最低0.47元/天解锁文章

ShengXIABai

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Python学习 Day40 animate动画函数10

animate动画函数概述：在前端DOM中，动画实现的原理：定时器+信号量在jQuery函数库直接提供了一个封装函数可供使用语法格式：$(selector).animate(json,time,callback);第一个参数【必有】：JSON数据格式用来设置动画最终完成的样式属性值第二个参数【可选】：动画时间的设置【毫秒】第三个参数【可选】：当动画执行完毕的时候立即执行一次注意：JQ函数库中的animate动画：很多样式都可以参与动画，但涉及到颜色的部分不能参与动画一a
复制链接

扫一扫

专栏目录