如何讓分區顯示/隱藏當我mouseenter/mousexit在一個部門？

我想這樣做時，點擊/ mouseenter在一個圖標上，一個部門會出來，當我mouseExit擴大部門，該部門將隱藏。如何讓分區顯示/隱藏當我mouseenter/mousexit在一個部門？

我做了一個腳本，但它不能正常工作：

$("#userpanel").hide(); 
$("#user").mouseenter(function() 
{ 
    $("#userpanel").fadeIn("slow").css({"top":"185px","left":p+"px;"}); 
}); 
$("#userpanel").mouseout(function() 
{ 
    $("#userpanel").fadeOut(); 
});

來源

2014-11-05 Pradipta das

你拼寫'mouseenter'錯誤。 http://api.jquery.com/mouseenter/ – mainstreetmark 2014-11-05 03:26:56

好吧，它不是一個問題，那是我的打字錯誤..代碼運行成功，但輸出不像我預期的那樣，我在找你有沒有新的代碼，使我想要的，去amazon.com。當你在登錄時輸入鼠標，那麼一個div會出來，當你從該div中移出時，該擴展的div將隱形。這就是我想要的，謝謝，不管怎麼說，感謝它 – 2014-11-05 03:35:44

鼠標離開，而不是mouseexit？不知道你遇到問題的位置。請解釋它是如何做不到你想要的。

此外，您已經編碼了mouseenter #user使#userpanel可見。但是當鼠標離開#userpanel時，＃userpanel消失。所以有人必須先將鼠標輸入到用戶面板，然後用鼠標移動用戶面板。這是問題嗎？

來源

2014-11-05 03:42:20 IAteYourKitten

去amazon.com。當你在登錄時輸入鼠標，那麼一個div會出來，當你從該div中移出時，該擴展的div將隱形。多數民衆贊成我想要的，無論如何，謝謝，感謝它 – 2014-11-05 03:47:17

你試圖改變這一點：$（「＃userpanel「）。mouseout to $（」＃userpanel「）。mouseleave？或甚至更好：$（document）.on（'mouseleave'，'#userpanel'，function（）{ – IAteYourKitten 2014-11-05 03:49:13

它適用於我：http://jsfiddle.net/5qv5or1f/ – IAteYourKitten 2014-11-05 03:52:17

如何讓分區顯示/隱藏當我mouseenter/mousexit在一個部門？

回答

相關問題