使用 JQuery 动画 div 的文本内容

Question

有谁知道如何使用 JQuery 函数 animate() 为 div 的内容设置动画？对整个 div 进行动画处理很简单，但我需要在默认位置设置 div 并仅对他的文本内容进行动画处理（SlideUp 或 FadeIn 效果不相关）。
我在 nivo 滑块中使用它来显示每个图像 div，其标题 div 仍然在同一位置，但内容更改为新图像的标题，我需要

1. 显示 div
2. 显示内容（标题）有一些效果。

这是 JQuery 的一般问题，将其应用于 nivo 滑块与在其他情况下应用相同，因此我不为 Nivo 滑块使用标签。
之前有人写过“使用 div 中包含的新 div 作为标题，您可以在其中添加图像标题并为这个新 div 设置动画。”那么我的意思是这不是一个好的解决方案，因为我必须更改脚本并创建新的无用 div。

nivoCaption.html(标题);

"nivoCaption" 是 div 容器； “标题”是标题变量，其中我有实际图像的实际标题，我只需要动画标题而不是整个 nivoCaption（我尝试 - nivoCaption.html(title).animate({right: "100px",}, 750); 但这测试动画整个容器）

谁能帮帮我？

Answer 1

您可以将文本放在一个跨度中，然后在 jQuery 中使用它的选择器。例如：

<div>
  <span id="mySpan">some text</span>
</div>

jQuery:

$(document).ready(function(){
  $("#mySpan").fadeTo(0,0);
  $("#mySpan").fadeTo("slow",1);
});

示例：http://jsfiddle.net/wy4wd/

享受吧！ :)