使用JQuery为div的文本内容添加动画效果

时间:2013-04-02 07:59:09

标签: jquery jquery-animate

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

  1. show div
  2. 显示有效的内容(标题)。
  3. 这是JQuery的一般问题,将此应用于nivo滑块与在其他情况下应用相同,为此我不使用Nivo滑块的标签。
    之前有人写道“使用div中包含的新div为标题添加图像标题并为此新div设置动画”。那么我的意思是这不是很好的解决方案,因为我必须改变脚本,这就创造了新的无用的div。

      

    nivoCaption.html(标题);

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


    任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

你可以将文本放在一个span中,然后在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/

享受! :)