转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/52883286
本文出自【我是干勾鱼的博客】

有时候我们会使用一些动态效果，比如将div动态边长、缩短之类的，这需要使用jquery中的animate()方法，比如：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function()
  {
  $(".b1").click(function(){
    $("#item").animate({height:"200px"});
  });
  $(".b2").click(function(){
    $("#item").animate({height:"50px"});
  });
});
</script>
</head>

<body>
    <div id="item" style="background:#f00;height:50px;width:50px;margin:6px;">
    </div>
    <button class="b1">Animate</button>
    <button class="b2">Reset</button>
</body>

</html>

这里说一下它的回调函数，如果要想在animate()执行完之后才进行某个操作，直接在这个方法后面再进行操作是不行的，必须在它的回调函数中进行，比如：

$(".b1").click(function(){
    $("#item").animate({height:"200px"}, function() {
        alert("hello");
    });
  });

这样才能在animate()执行完之后弹出alert(“hello”)。

# jquery # 动画
Logo
R空间创作者社区

一站式虚拟内容创作平台，激发创意，赋能创作，进入R空间，遇见同道，让优质作品闪耀发光。​

更多推荐

Python游戏开发实践：掌握Godot 4.0引擎

Godot 4.0是一个开源的游戏引擎，由社区驱动，支持2D和3D游戏开发，具有跨平台特性。它适用于独立开发者和大型团队，因其免费且易于使用而广受欢迎。Godot 4.0标志着引擎发展的一个新纪元，为开发者提供了更为先进和高效的开发工具。

avatar R空间创作者社区

Godot输入系统深度解析：First Game项目键盘控制最佳实践

在游戏开发中，输入系统是连接玩家与虚拟世界的桥梁。一个优秀的输入系统不仅需要响应迅速、逻辑清晰，更要具备良好的扩展性和维护性。今天我们将通过分析GitHub热门项目`first-game-in-godot`，深入探讨Godot引擎的输入系统设计与实现。## 项目概览与输入配置分析### 输入映射配置解析在`project.godot`文件中，我们可以看到完整的输入配置：```ini...

avatar R空间创作者社区

Godot引擎实用脚本集锦与应用

Godot引擎是一款功能强大的开源游戏开发平台，旨在为开发者提供一个既灵活又易用的环境。自首次推出以来，Godot经过不断迭代升级，现支持2D和3D游戏的开发，拥有广泛的用户基础和开发者社区。GDScript是专为Godot引擎设计的一种脚本语言，旨在提供一种简单、快速的方式来编写游戏逻辑。该语言受到Python的强烈影响，因为它在设计时就考虑到了易学易用性，同时也具备了足够的灵活性和表达力来处理

avatar R空间创作者社区