jQuery - 鼠標進入閃爍圖像

Question

我試圖做一個簡單的懸停在div和顯示/隱藏圖像。

這裏的小提琴：http://jsfiddle.net/s2WWM/

我在做什麼錯？

Answer 1

mouseenter使用和mouseleave代替mouseover和mouseout

http://jsfiddle.net/s2WWM/2/

也結合它的容器元件上。

這些事件之間的區別是，如果你還在裏面的元素是mouseenter和mouseleave只能算而mouseover和mouseout計數，當你離開的元素時，你完全離開元素不管。

例如，當您爲內部元素留下外部元素時，這是mouseout而不是mouseleave，因爲您仍在外部元素內。

Answer 2

的問題是，當你將鼠標懸停在.fullscreen，你不再徘徊在#canvas，所以改變這樣的：

$(document).ready(function() { 

    $("#canvas, .fullscreen").mouseover(function() { 
     console.log("Show..."); 
    $(".fullscreen").show(); 
    }).mouseout(function(){ 
    $(".fullscreen").hide(); 
    }); 

});​