jQuery中animate()函数的用法

最新推荐文章于 2022-07-07 14:59:11 发布

Martix_Lee

最新推荐文章于 2022-07-07 14:59:11 发布

阅读量1.8k

点赞数

分类专栏： jQuery 文章标签： jquery generator function callback html css

本文链接：https://blog.csdn.net/Isky110/article/details/7047506

版权

jQuery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jQuery中函数animate()作用是对被选元素执行之定义动画。

语法：

$(selector).animate({params},[duration],[easing],[callback]);

参数说明：

params：定义产生动画的CSS属性，可以定义多个params属性。

duration：定义用来应用的动画的时间。

easing：要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".

示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="jquery-1.6.4.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
		$('#start').click(function(){
			$("#box").animate({left:"100px"},"slow");
			$("#box").animate({fontSize:"3em"},"slow");
			$("#box").animate({fontSize:"1em"},"slow");
			$("#box").animate({left:"0px"},"slow");
		});
	});
  </script>
 </HEAD>

 <BODY>
  <p><a href="#" id="start">Start Animation</a></p>
  <div id="box" style="background:#98bf21;height:100px;width:200px;position:relative">Hello</div>
 </BODY>
</HTML>

Martix_Lee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中animate()函数的用法

jQuery中函数animate()作用是对被选元素执行之定义动画。语法：$(selector).animate({params},[duration],[easing],[callback]);参数说明：params：定义产生动画的CSS属性，可以定义多个params属性。duration：定义用来应用的动画的时间。easing：要使用的擦除效果的名称(需要插件支持).默
复制链接

扫一扫