jquery - css 动画 onload jQuery 事件

标签 jquery css animation onload

我有一个 <div id="A"></div>在我的网站顶部包含 Logo 和导航菜单。我已经将一个类应用于 div,这会在元素加载时导致 CSS 向下滑动效果。自然地, Logo 的图像加载速度较慢,因为菜单只是呈现文本按钮。我希望先加载图像,然后再加载 <div id="A"></div>向下滑动。

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

感谢任何帮助。

最佳答案

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

但是,由于您正在使用 jQuery 来查看图像是否已加载,您不妨使用 jQuery .animate 函数,因为它可以在更多浏览器中以这种方式工作。

关于jquery - css 动画 onload jQuery 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14717226/

相关文章:

android - 有人曾经在图像上做过基本的 'scan-animation' 吗?

javascript - jquery切换阻止 child 的点击事件

html - 如何制作响应式图像

javascript - JS/jQuery 数字递增动画

ios - 滚动ios时数字递增动画

javascript - 如何将一个元素与其正下方的另一个元素水平对齐?

javascript - 找到没有。在 jQuery 函数中传递的参数

javascript - Jquery:将内容从表复制到div

jquery - 当我点击此部分时,Highcharts 部分的饼图颜色

html - 在 CSS 中通过引用调用?