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();
  });

});

jQuery - 鼠标输入闪烁图像

2 个答案: