このスクリプトを使用すると、文字をインとアウトの両方でアニメーション化しながら、単語を別の単語に置き換えることができます。それは「FirstWordy」で始まり、マウスオーバーで「Second Wordy」に変わり、mouseoutで最初の単語に戻ります。
私に欠けている2つのこと。1つ目は大きなバグであり、修正する必要があるため優先事項です。最初は青い「W」とその影がクリップされます。最初に実行してロールオーバーすると、緑の「W」とその影がクリップされます。ロールアウトすると、青い「W」がクリップされます。解決策がcssまたはjsですが、適切な解決策が見つからないようです。
2つ目は、実際には2つの小さな化粧品です。最初の小さなこと-文字が入ってくると、css/jsが適用されていると仮定しているときにちらつきが見られます。ちらつきを最小限に抑える、または可能であれば排除する方法はありますか？2番目の小さなこと-スクリプトが最初に実行されるとき、文字が次々に突然表示されます。素敵なフェードインを各文字で機能させる方法はありますか？-適用するのに適切な場所が見つかりませんでした。
これがjsFiddleです：http：//jsfiddle.net/billparti/8XFSx/