2011-06-30 55 views
9

找到簡單/簡單的動畫文本是很荒唐的。像這個網站上的「Implosion」 http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445 但我必須付錢。其實任何一種簡單的onclick文字都會淡入淡出。任何建議,鏈接或幫助?JQuery動畫文本

+2

只是爲了防止任何人害怕點擊鏈接 - 這是非常棒的,值得一試。 –

+1

我不支付jQuery插件,但他只要求5美元,我會購買插件或使用fadeIn/fadeOut jQuery效果。 – MikeM

+2

@韋斯利:有些人可能認爲它很棒,有些人可能會認爲他們坐在時間機器上,並且滯留在一個老的MS-Frontpage演示中^^ –

回答

14

它不是很難創建使用jQuery這樣的效果。 爲每個角色創建一個單獨的元素,將其移動到某個位置,然後將其設置回原始位置。

一個簡單的例子:http://jsfiddle.net/doktormolle/dNXVx/

+0

偉大的工作......我們欠你多少錢? :D儘管如此,這是完美的。 –

+0

我不知道是否合法賣出它,也許MS有這個效果的版權:D –

+0

正確的術語是「必需的捐贈」。 –

3

只需使用淡入jQuery函數(documentation):

$("#button").click(function() {$("#container").fadeIn()}); 

樣品:http://jsfiddle.net/cVELa/

+1

你見過這個鏈接嗎? –

+0

@valipour「其實任何一種簡單的onclick文字都會淡入淡出。」 – ariel

+0

問題不是淡入文本 - 效果要複雜得多!在鏈接中運行效果 –

0

嘗試Textillate.js!它允許您使用閃光,反彈,搖晃等效果爲文字添加動畫效果。總之,Textillate.js包含超過25種效果供您應用於您的文本。