Jquery：页面加载淡入并移动答案

【问题标题】：Jquery: on page load fade in and moveJquery：页面加载淡入并移动
【发布时间】：2013-02-13 21:28:07
【问题描述】：

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

<script type="text/javascript">

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

</script>

我试过了

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

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

【问题讨论】：

【解决方案1】：

如果PageTitle 是绝对定位的，那么：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：