0

画像にカーソルを合わせるとスライドインおよびスライドアウトするオーバーレイを画像に作成しようとしています。この質問と同じ理由-画像上のJQueryテキストslideDown/slideUpオーバーレイがバウンドし続けますか?

コードをjsFiddleに配置したので、アクセス可能です-http ://jsfiddle.net/jamescallaghan/hg9r7/

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

4

2 に答える 2

1

あなたが抱えていた問題は、ホバーが.slideではなく画像要素に基づいていることだったと思います。そのため、テキストパネルを上にスライドさせると画像が覆われ、マウスを動かすとホバー/ホバー解除として機能しました。

これを見てください、私はあなたのコードを少し更新しました。複数のスライドで動作するはずです:)これがお役に立てば幸いです!

http://jsfiddle.net/NuWna/2/

よろしくお願いします、アンソニー

于 2011-07-06T14:23:04.237 に答える
0

関数ごとにmouseenterogmouseleaveを使用する必要があります。

唯一の問題は、上にスライドした新しいdivの上にマウスを置くと、下にスライドすることです。だからあなたはそれを修正する必要があります。

これは部分的な修正です:

http://jsfiddle.net/hg9r7/3/

編集:実際には、それはあなたがすでにコーディングしたことなので、実際の改善はありません。コードの問題は、マウスカーソルが引き上げているボックスの上に移動することがあり、それは.slideimgを残していることを意味します。

于 2011-07-06T14:01:39.893 に答える