0

上部がほとんど見えない div を作成しようとしています (画像 #1) が、マウスオーバーすると、コピーが含まれる場所までスライドします (画像 #2)。その後、mouseout / leave で div は #1 の位置に戻ります。

どんな助けでも大歓迎です

私が達成しようとしていることのIMGへのリンク

4

3 に答える 3

0

あなたは正しい軌道に乗っています。mouseover() と mouseout() の代わりに hover() を使用してください。

delay() を使用しないでください。代わりに setTimeout() を使用してください。

于 2013-05-09T19:38:38.960 に答える
0

次のような標準の jQuery 関数を使用する必要があります。

.slideUp()

(ソース: http://api.jquery.com/slideUp/ )

于 2013-05-09T19:39:08.940 に答える
0

すべてが正常に機能し、わずか 2 つの変更を加えるだけで、すぐに使用できます。

最初に stop を使用するときは、次のように記述しますstop(true);。div のちらつきが停止します。

次に、小さな赤い線が見えるようにするには、高さを.default 調整する必要があります。CSS で変更する場合は、高さも変更する必要があることに注意してくださいanimate()。

私は個人的に15pxに設定してテストしますが、それは良い値です。自分で確認してください：http://jsfiddle.net/dAj9S/14/

アニメーションの実行方法は応答しないことに注意してください。つまり、テキストが 2 行あると、うまく機能しません。あなたのコードは、jQuery に「慣れていない」人にとっては完全に受け入れられます。後で直面する可能性のある問題を指摘しているだけです。

編集：リンゴが彼の答えで言ったように、.hover()代わりに.mouseover()and を使用してmouseout()ください！

于 2013-05-09T20:01:02.850 に答える