2013-04-02 16 views
1

是誰知道如何使用JQuery函數animate()動畫div的內容?在整個div上動畫是簡單的,但我需要div的默認位置和動畫只有他的文字內容(SlideUp或淡入效果是不相關的)。
我用它在NIVO滑塊,以示對他的標題DIV每個圖像的div仍然在相同的位置,但內容是改變新形象的冠軍,我需要使用JQuery動畫div的文本內容

  1. 秀格
  2. 節目內容(標題)有一些效果。

這是JQuery的一般性問題,這適用於NIVO滑塊是相同的另一個情況下都適用,併爲我不爲NIVO滑塊使用標籤。
之前有人寫道「使用div中包含的新div作爲標題添加圖像標題併爲此新div創建動畫。」那麼我的意思是這不是一個很好的解決方案,因爲我必須更改腳本,並創建新的無用div。

nivoCaption.html(title);

「nivoCaption」 是的div容器; 「標題」是標題變量,我有實際圖像的實際標題,我只需要動畫標題不是整個nivoCaption(我嘗試 - nivoCaption.html(title).animate({right:「100px」,},750);但是這測試動畫整個競爭者)


任何人都可以幫助我嗎?

回答

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/

享受! :)

+0

這與我爲div添加標題並將其添加到頂部所寫的相同。 :)我仍嘗試過這種解決方案,但是我不需要爲標題創建特殊的div/span來尋找解決方案。 –

+0

你仍然可以使用'nivoCaption.html(職稱);'和,而不是設置** **標題爲'我是一個title',你可以將其設置爲'我是一個冠軍 '然後使用'$(「#mySpan」)。fadeTo(「slow」,1);':) –

+0

我試試這個可以工作。 –