Javascript 如何使div具有延迟和缓和效果

我试着在页面加载时显示延迟的div，也有缓和效果。我试着在页面加载5秒后使该div成为缓和效果，该div正确显示，但没有缓和效果。我不知道如何在这里取得缓和效果。 这是你的电话号码

jQuery：

HTML:

---

您应该删除.show。slideDown方法将负责显示div

因此，请尝试以下方法：

jQuery('.bar_b_message').hide(0).delay(5000).slideDown(5000, 'easeOutBounce');

---

您应该删除.show。slideDown方法将负责显示div

因此，请尝试以下方法：

jQuery('.bar_b_message').hide(0).delay(5000).slideDown(5000, 'easeOutBounce');

试试这个

Html和你的一样

<div class="bar_builder">
   <div class="bar_b_message">This is for testing.</div>
</div>

CSS

CSS最初隐藏div。加载时，jQuery会暂停5秒钟，然后向下滑动div slideDown并将div“display”属性设置为“block”

试试这个

Html和你的一样

<div class="bar_builder">
   <div class="bar_b_message">This is for testing.</div>
</div>

CSS

---

CSS最初隐藏div。加载时，jQuery暂停5秒钟，然后向下滑动div slideDown并将div“display”属性设置为“block”

请单击计票下方的大灰色复选图标，将我的答案作为解决方案。这样，人们就会知道这是一个有效的解决方案。谢谢。请点击计票下方的大灰色复选图标，将我的答案作为解决方案。我准备接受答案，一旦你张贴，但不幸的是，这么说你可以等待8分钟接受答案。谢谢。请点击计票下方的大灰色复选图标，将我的答案作为解决方案。这样，人们就会知道这是一个有效的解决方案。谢谢。请点击计票下方的大灰色复选图标，将我的答案作为解决方案。我准备接受答案，一旦你张贴，但不幸的是，这么说你可以等待8分钟接受答案。谢谢，用回拨电话functions@Ikac：使用回调函数来做这样简单的事情有什么意义？回调可以做这样的事情：开始时显示，当一切都是100%时，回调会像返回一样触发。使用回调functions@Ikac：使用回调函数做一些简单的事情，比如这个回调可以起到缓和效果，在开始时显示，当一切都是100%时，回调会像返回一样触发。

$(document).ready(function(){
    $('.bar_b_message').delay(5000).slideDown(5000, 'easeOutBounce');
});

.bar_b_message{ display: none; }