このウェブサイトのホームページ www.gumroad.comのように、自分のホームページに一連のテキストフレーズを含めようとしています。
そのサイトから、非表示とドロップを使用してテキストを切り替える関数を取得できましたが、問題は次のとおりです。JQueryUIは、このクラス「ui-effects-wrapper」の中間divを作成します。これにより、幅が狭くなります。テキストは2行で表示され、その後1行に縮小されます。
上記のサイトと同じ効果を達成する方法を知っている人はいますか?
このウェブサイトのホームページ www.gumroad.comのように、自分のホームページに一連のテキストフレーズを含めようとしています。
そのサイトから、非表示とドロップを使用してテキストを切り替える関数を取得できましたが、問題は次のとおりです。JQueryUIは、このクラス「ui-effects-wrapper」の中間divを作成します。これにより、幅が狭くなります。テキストは2行で表示され、その後1行に縮小されます。
上記のサイトと同じ効果を達成する方法を知っている人はいますか?
効果を複製する方法を考え出しました。どうぞ: http: //jsfiddle.net/vyder/gmDRM/
基本的に、トリックはラッパーにaを持たせposition:relative
、2つの#content-type
スパンにを持たせるposition:absolute
ことです。これにより、上下にドロップしたときに上下に表示されます。
(配列の処理方法にはまだバグがあります。それを修正するのはそれほど難しいことではありません。要素の削除と追加で奇妙なロジックが進行していると思います)
OCDはコードをリファクタリングして読みやすくし、配列全体の反復も機能するようにしました。