1

有谁知道如何使用 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); 但这测试动画整个容器）


谁能帮我？

4

1 回答 1

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/

请享用！:)

于 2013-04-02T08:06:51.060 回答