css animation onload jQuery事件

Question

我的网站顶部有一个<div id="A"></div>包含徽标和导航菜单。我已经在div中应用了一个类，当项加载时会导致CSS下滑效果。当然，徽标的图像加载速度较慢，因为菜单只是渲染文本按钮。我希望首先加载图片，然后<div id="A"></div>向下滑动。

<script>
$(document).ready(function(){
  $('#A').load(function(){
    //I want the slide down effect to take place here.
  });
});
</script>

我感谢任何帮助。

Answer 1

如果您正在使用类，则从HTML中删除该类并将其添加到您的jQuery中。

但是，由于您使用jQuery来查看图像是否已加载，因此您可以使用jQuery .animate函数，因为它可以在更多浏览器中使用。