jquery - Jquery：页面加载淡入并移动

Question

我是 Jquery 的新手，我试图让一个 div 淡入，然后在页面加载时向左移动。我似乎无法弄清楚如何链接它。我可以让它淡入淡出，但之后就不动了。这就是我所拥有的。

<script type="text/javascript">

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(5000)
});

</script>

我努力了

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000);
    $('#PageTitle').animate({"left" : "300px",}, 4000);
});

和其他几个变体，但似乎无法得到它。提前致谢。

score 4 · Accepted Answer

如果PageTitle绝对定位，则：

$('#PageTitle').fadeIn(5000).animate({"left":"300px"},4000);

score 2 · Accepted Answer

你的问题有点含糊，但我会这样链接它

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000,function(){
       $(this).animate({"left" : "300px"}, 4000);
     });    
});

score 1 · Accepted Answer

在 jQuery 中的每个动画上都有一个回调函数。所以你应该尝试：

$(document).ready(function(){ 
    $('#PageTitle').fadeIn(2000, function(){
        $('#PageTitle').animate({"left" : "300px",}, 4000);
    });
});

score 0 · Accepted Answer

你可以使用这个aos包。首先，您必须删除不需要的 CSS 以在您自己的网页中使用。

4 回答 4