2012-08-25 103 views
0

所以,我發現關於使用javascript圖像之間褪色這真棒文章(使用不透明,這在Mozilla中,歌劇作品,和IE):http://www.cryer.co.uk/resources/javascript/script19_fade_image.htm#self從圖像A淡入圖像B,包括文字?

我想知道,我可以做同樣的文字嗎?我的意思是,如果兩幅圖像都有一些文字,並且我希望文字同時出現淡出?

感謝

+1

是的,你可以。我還應該注意到,jQuery將這種行爲包裝爲一個很好的方便包,這意味着您可以爲所有瀏覽器使用相同的代碼。如果這是您的選擇,我建議您檢查一下。 – Brad

+2

當你說「圖像裏面有一些文字」時,你的意思是文字是圖像的一部分還是你的意思是你在圖像附近有一個單獨的物體是文字? – jfriend00

+0

這個問題似乎很奇怪..你有沒有嘗試過在文本上使用完全相同的方法? – Alex

回答

1

下面是如何將兩個圖像和文本,使用JQuery之間褪色的例子:

http://jsfiddle.net/Tr2LA/

點擊圖片開始動畫。它的工作原理是使用JQuery淡出一個div,同時淡入另一個div。每個div都包含一個圖像和文本。

$('#fadeOut').click(function() { 

    $('#fadeOut').fadeOut('slow'); 

    $('#fadeIn').fadeIn('slow'); 

}); 
+3

更好(淡入淡出,文本居中,填充,更乾淨的代碼):http://jsfiddle.net/mnfyz/2 –

+0

這是精彩,謝謝D.Strout和Greg!多久的時間jsfiddle保留這個模型? – knocte

+0

不客氣:)據此,JSFiddle將永遠舉辦這些示例:http://stackoverflow.com/a/8191278/1010138。順便說一句,不錯的代碼更新,D. Strout。 –