Jquery：页面加载淡入并移动

Question

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

<script type="text/javascript">

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

</script>

我试过了

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

和其他一些变化，但似乎无法得到它。提前谢谢。

Answer 1

如果绝对定位PageTitle，那么：

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

will work just fine

Answer 2

你的问题有点模糊，但我会把它链接起来

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

这里有一个例子http://jsfiddle.net/domjgreen/Hx6rX/

Answer 3

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

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

查看http://api.jquery.com/fadeIn/

Answer 4

您可以使用此aos包。首先，您必须删除不需要的css才能在您自己的网页中使用。