我使用 jQuery 创建一个基本的“工具提示”动画,以便工具提示将出现在一个小动画中,在该动画中它会淡入 View 并垂直移动。
到目前为止我有这个:
$('.tooltip').fadeIn('slow');
$('.tooltip').animate({ top: "-10px" }, 'slow');
这样做或这样:
$('.tooltip').fadeIn('slow').animate({ top: "-10px" }, 'slow');
动画将一次运行一个,先是淡入,然后是垂直动画。有没有办法让它同时做这两件事?
最佳答案
$('.tooltip').animate({ opacity: 1, top: "-10px" }, 'slow');
但是,这似乎不适用于 display: none
元素(如 fadeIn
那样)。因此,您可能需要提前添加:
$('.tooltip').css('display', 'block');
$('.tooltip').animate({ opacity: 0 }, 0);
关于jquery - 如何同时淡入和动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1652576/