Question

请我在网站上工作。我想要一个主页上的情况，在整个页面加载后，一个男人站立的图像会滑动1或2秒。我需要有人用codepen示例来帮助我。

以下是我在head部分中插入的代码。我将图像设置为在css中显示：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/

Answer 2

不确定是否需要所有这些...以下代码将在2000毫秒延迟后滑动：

slideTimer = setInterval(function() {
    $('#man').slideUp();
}, 2000);

演示：http://jsfiddle.net/tymeJV/VBtUU/

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

2 个答案: