jQuery 是广泛用于客户端 JavaScript 的框架之一。通过使用 jQuery 框架,您可以更轻松地处理 JavaScript 操作,如添加、删除和修改标记。jQuery animate 功能是其中一个最流行的功能之一,您可以使用它来创建动画效果。
animate() 函数可让您以动画形式显示和隐藏元素。这个函数需要与 CSS 样式一起使用。例如,您可以使用以下代码行将元素隐藏起来:
$('element').animate({ opacity: 0, height: 0, }, 500);
上面的代码将元素变为透明,并将其高度设置为 0。500 表示动画在多长时间内完成(以毫秒为单位)。
如果您只希望隐藏元素,您可以忽略高度属性:
$('element').animate({ opacity: 0, }, 500);
同样,如果您希望以动画形式显示元素,请将初始值设为 0 并将目标值设为您想要的最终状态:
$('element').animate({ opacity: 1, height: '200px', }, 500);
上述代码将元素以动画形式显示,并将其高度设置为 200 像素,动画时间为 500 毫秒。