jquery - 如何在 jQuery 中为弹出框添加淡入淡出效果？

Question

我正在使用 .show() jQuery 函数显示一个带有 jQ​​uery 的弹出框，并使用 .hide() 隐藏。

如何给它添加可爱动画，比如淡入淡出？

// show pop up
$('.mypopup').show();

// hide pop up
$('.mypopup').hide();

Answer 1

将 .show() 替换为 .fadeIn()，将 .hide() 替换为 .fadeOut()

.show() 和 .hide() 函数适用于 display:none 和 display:block .fadeIn() 和 .fadeOut() 的属性相同，但带有动画。