画像にカーソルを合わせるとスライドインおよびスライドアウトするオーバーレイを画像に作成しようとしています。この質問と同じ理由-画像上のJQueryテキストslideDown/slideUpオーバーレイがバウンドし続けますか?。
コードをjsFiddleに配置したので、アクセス可能です-http ://jsfiddle.net/jamescallaghan/hg9r7/
どんな助けでも大歓迎です。
画像にカーソルを合わせるとスライドインおよびスライドアウトするオーバーレイを画像に作成しようとしています。この質問と同じ理由-画像上のJQueryテキストslideDown/slideUpオーバーレイがバウンドし続けますか?。
コードをjsFiddleに配置したので、アクセス可能です-http ://jsfiddle.net/jamescallaghan/hg9r7/
どんな助けでも大歓迎です。
あなたが抱えていた問題は、ホバーが.slideではなく画像要素に基づいていることだったと思います。そのため、テキストパネルを上にスライドさせると画像が覆われ、マウスを動かすとホバー/ホバー解除として機能しました。
これを見てください、私はあなたのコードを少し更新しました。複数のスライドで動作するはずです:)これがお役に立てば幸いです!
よろしくお願いします、アンソニー
関数ごとにmouseenterogmouseleaveを使用する必要があります。
唯一の問題は、上にスライドした新しいdivの上にマウスを置くと、下にスライドすることです。だからあなたはそれを修正する必要があります。
これは部分的な修正です:
編集:実際には、それはあなたがすでにコーディングしたことなので、実際の改善はありません。コードの問題は、マウスカーソルが引き上げているボックスの上に移動することがあり、それは.slideimgを残していることを意味します。