Question

我编写了这段代码，在非显示div中淡入淡出，但是当鼠标消失时，我真的不知道如何再次淡出div。有什么建议吗？

$(document).ready(
        function(){
        $("#crep").hover(function (e) {
            e.preventDefault();
            $(".wrapper2 img, #galerie, #ueber, #djs").invisible();
            $(".carta ,#crepes, #crepes2").fadeIn();
        });
    });

Answer 1

使用用于

的.hover

将一个或两个处理程序绑定到匹配的元素，以便在执行时执行   鼠标指针进入并离开元素。

.hover（）方法为mouseenter和mouseleave绑定处理程序   事件。您可以使用它在行为期间简单地将行为应用于元素   鼠标在元素中的时间。

例如：$（selector）.hover（handlerIn，handlerOut）

JS：

$("#crep").hover(function (e) {
            e.preventDefault();
            $(".wrapper2 img, #galerie, #ueber, #djs").invisible();
            $(".carta ,#crepes, #crepes2").fadeIn();       
         }, function(){
            e.preventDefault();
            $(".carta ,#crepes, #crepes2").fadeOut();
    });

Answer 2

.hover可以有两个功能...一个用于mouseenter另一个用于mouseleave。

FIDDLE

$(document).ready(
  function () {
    $("#crep").hover(
      function (e) {
        e.preventDefault();
        //$(".wrapper2 img, #galerie, #ueber, #djs").invisible(); //what does invisible do ??
        $(".carta ,#crepes, #crepes2").stop().fadeIn();
      },
      function (e) {
        e.preventDefault();
        //$(".wrapper2 img, #galerie, #ueber, #djs").invisible(); //what does invisible do ??
        $(".carta ,#crepes, #crepes2").stop().fadeOut();
      }   
    );
});

当鼠标消失时，当悬停和淡出时淡入

2 个答案:

JS：