jquery - 如何为 jquery .css 函数添加缓动效果?

标签 jquery easing jquery-easing

使用 .CSS 函数时,如何将 Jquery 缓动效果添加到 jquery 脚本中? 例如,在另一行中,我使其工作,但我无法使其与 .CSS 一起工作 我正在使用jquery easing library

$("#map").animate({height:300},1000, 'easeOutBounce');    

我该如何在这个 .css 脚本上实现它?

$('#comment-box').css('display','block');

最佳答案

.css 是不可动画的,这就是 .animate 的用途。也就是说,我认为 display 不能像那样进行动画处理,因为它只是在不同的显示模式之间切换。您可以使用 .show().hide() 代替。

编辑: 啊,看来你想要 .slideDown()

试试这个:

$('div#comment').slideDown(1000, 'easeOutBounce');

也可以使用.slideUp().slideToggle()

关于jquery - 如何为 jquery .css 函数添加缓动效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12248202/

相关文章:

javascript - Javascript/Canvas 预加载动画的数学和缓动

jquery - IE7 和 jquery 动画 : using jquery 1. 3.2、coda-slider 2.0 和 jquery.easing 1.3 的奇怪问题

javascript - jQuery 动画不触发回调函数

javascript - 未捕获类型错误 : undefined is not a function gauge. js

javascript - 如何在调整大小的 DIV 中居中和放大/缩小图像

php - 在网站上显示一个简单的条形图,没什么花哨的

objective-c - Apple 的 UIView AnimationCurve EaseInOut 的实际方程式是什么?

javascript - 如何在 AngularJS Controller 中获取当前范围的 dom 元素?

javascript - 在 requestAnimationFrame 上添加缓动

jQuery 平滑水平滚动