2012-08-27 56 views
2

該腳本允許將一個單詞替換爲另一個單詞,同時對輸入和輸出的字母進行動畫處理。它以「First Wordy」開頭,鼠標懸停爲「Second Wordy」,鼠標變爲第一個單詞。在jQuery動畫中切斷文本

我缺乏兩件事。 首先是一個大錯誤&這是一個優先考慮的問題,因爲它必須得到修復。首先,藍色的「W」&它的影子會被裁剪,當你初始運行並翻轉後,綠色的「W」&它會被裁剪,當展開時,藍色的「W」被裁剪掉。 css或js,但我似乎無法找到正確的解決方案

第二個是真正的兩個小化妝品東西第一個小東西 - 當信件進來,你可以看到一個閃爍,而我假設css/js獲取如果可能,儘量減少閃爍或消除任何方式? 第二件小事 - 當腳本第一次運行時,這些字母突然出現,一個接一個。是否有一種方法可以讓每個字母都有一個很好的淡入淡出?我找不到適用的地方。

這是jsFiddle:http://jsfiddle.net/billparti/8XFSx/

+0

我認爲你應該添加一些更多的JavaScript到那個小提琴,使它更容易調試? – adeneo

回答

0

我不確定這是問題,但jQuery的動畫增加了隱藏到元素的溢出。這有點痛苦,你可以通過添加一個!important css屬性來解決這個問題。這很煩人...

+0

要什麼div?將它添加到主包裝時不起作用。 – Airman

+0

無論是動畫獲取屬性。 – Tal