我需要動態添加到Div的文本動畫示例嗎？

我想用JQuery製作文字動畫，但我不知道該如何開始以及如何編碼。其實什麼/在哪裏谷歌它。我需要動態添加到Div的文本動畫示例嗎？

如果你看看http://www.apple.com/stevejobs/，你會看到文字正在移動，最後一頁以良好的淡出等方式添加到頂部。你能幫我給一個例子/在jQuery Ajax和HTML中做它的抓痕。

我想在Python中實現它作爲後端，並在前端使用Ajax，JQuery，Javascript等。請提示哪一個更好。

謝謝

2011-12-09 Emax

這應該讓你開始至少有效果。

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
div { background:#de9a44; margin:3px; width:80px; 
height:40px; } 
#one { background:#de9a44; margin:3px; width:80px; 
height:40px; display:none; } 
</style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
<div id="one"></div> 
<div></div> 
<div></div> 
<script> 
    //sets a timer to 1sec 
$(document).ready(function() { 
    window.setInterval(yourfunction, 1000); 
}); 

    //goes to a php file and return data to be appended to your div. 
function yourfunction() { 
    $.get("test.php", function(data){ 
     $("#one").html(data) 
     $("#one").slideDown("slow"); 

    }); 

} 
</script> 

</body> 
</html>

定時器多虧了jQuery的get（）函數Kristof Claes和here更多信息。我對你的建議是繪製你想要完成的邏輯，並尋找它如何被調用，並開始逐個形成你的結果。這就是我所做的，我不是jQuery的專家，但我有一個想法，並感謝偉大的人在SO和谷歌我能夠完成令人敬畏的事情。在<div>小號

使用jQuery's effects

來源

2011-12-09 15:00:00 Andres

你可以用小文字來描述它，我應該如何填充數據，哪個數據模型更好？以及它如何工作？ – Emax

將文本顯示，隱藏，和動畫文本。
可選添加jQuery UI's easing effects並使用類似easeInOutCubic緩動功能。

來源

2011-12-09 17:09:30

你可以向我推薦一個有例子的網站嗎？ – Emax

這些東西有點新的 – Emax

對不起，我沒有時間，但看看答案中的第二個鏈接。 –

我需要動態添加到Div的文本動畫示例嗎？

回答

相關問題