javascript - 页面加载后Jquery图像向上滑动

Question

请问我正在开发一个网站。我想要在主页上出现这样的情况:在整个页面加载后 1 或 2 秒，一个男人站立的图像会向上滑动。我需要有人帮助我编写一个 codepen 示例。

下面是我在头部插入的代码。我在css中将图像设置为display:none，但是当我刷新时，我发现它不起作用。 #man 是图像的 id。

谢谢你。

$(function() {
    $("#man").one('load', function () {
        $(this).show("slide", { direction: "up" }, 2000);
    }).each(function() { 
        if(this.complete)
            $(this).load();
    });
});

Answer 1

你可以试试这个 -

$(window).load(function(){
   $("#man").show("slide", {
      direction: "up"
   }, 2000);
});

演示 --> http://jsfiddle.net/CqR9E/2/