スー、私はこのスクリプトを持っています：私のjsfiddle
ご覧のとおり、メニュー項目にカーソルを合わせるとアニメーション化されますが、liが壊れると、アクティブなdivはそれを無視し、飛び去ることを決定します。
私の質問をよりよく理解するために、私のリンクにアクセスすることをお勧めします。これを修正する方法のアイデアはありますか？
前もって感謝します！
よろしくお願いします、
ジョナサン
質問する
116 次
2 に答える
3
アニメーションは、ホバーされたliの位置のインデックスを見つけ（たとえば、5番目の場合はインデックス= 5 li）、ホバーされたアイテムの幅の何倍もの絶対位置の要素の左マージンを単純に計算します。アニメーションは、垂直位置を含め、フロートドロップを考慮に入れていません。
これではなく、絶対位置にある要素の左右のプロパティをアニメーション化して、ホバーしたアイテムと同じにします。
私はここでこれを行いました：http： //jsfiddle.net/q2AVN/7/
于 2012-05-08T08:39:57.447 に答える
1
考えられるアイデアの1つは、メニュー項目が壊れないようにすることです。そうしないと、アニメーションを書き直すのが難しくなります。
white-space: nowrapこれを行うには、親要素（ulまたは）に適用されたCSSスタイルを使用し、要素に（ではなく）divスタイルを設定します。display: inline-blockfloat: leftli
于 2012-05-08T08:22:46.587 に答える