我需要文本动画的例子动态添加到一个Div

I need example of text animation dynamically added to a Div?

本文关键字：Div 一个 添加 动态 文本 动画      更新时间：2023-09-26

我想用JQuery制作一个文本动画，但我不知道我应该如何开始，我应该如何编码这个。实际上是什么/在哪里搜索。

如果你看http://www.apple.com/stevejobs/，你会看到文本正在移动，最后一个被添加到顶部，有很好的淡出等等。你能帮我给一个例子/scratch做它在JQuery Ajax和html。

我想在Python中实现后端，在前端使用Ajax,JQuery, Javascript等。请提示一下哪一个更好。

谢谢

  1. 将文本放入<div> s
  2. 使用jQuery的效果来显示，隐藏和动画文本
  3. 可选择添加jQuery UI的舒缓效果，并使用类似easeInOutCubic的舒缓功能。

这应该是你开始的效果。

<!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>

定时器感谢Kristof Claes，这里有更多关于jquery get()函数的信息。我给您的建议是，为您想要完成的任务绘制出一个逻辑图，并搜索它可能被称为什么，然后开始逐步形成您的结果。这就是我所做的，我不是jquery专家，但我有一个想法，感谢在S.O.和谷歌的伟大的人，我能够完成很棒的事情。

相关文章：