鼠标悬停时执行，鼠标悬停时执行其他操作

Do while mouseover , do other thing while mouseout

本文关键字：鼠标 执行 悬停 操作 其他      更新时间：2023-09-26

我在另一个问题中看到了这段代码，我想我也可以让它在图像中工作，但是因为我是jquery的新手，所以我没有做太多。

代码如下:

$('someObject').bind('mouseover', function() {
    //Do the following while mouseover 
    $('someOtherObject').css('margin-left',adjustedLeft + 'px');
    setTimeout(/*do it again*/,25);
});

我在这里的这个问题中看到了:"如果鼠标悬停";或者"鼠标悬停时执行";在jQuery JavaScript/

下面也有一个例子，但是这个例子适用于文本字段。

我想让我的图像工作，基本上我有两个图像彼此重叠，我想做一个褪色的效果，所以像

鼠标悬停时，每0,01秒降低透明度0.01，直到0,01鼠标离开图像(按钮)的那一刻，停止降低不透明度，并开始每0.01秒再次提高0.01，直到0.99不透明度

再次明确，我有两个图像(按钮)，一个在另一个上面，我想降低然后提高上面按钮的不透明度。我也看到了另一种类型的渐变，但两个按钮在一个图像上，但对我(新手)来说，我想这太高级了，但我可能会看看，这是一个很好的方法，我想使用更少的图像。

为了以防万一，这里也是示例的链接:http://jsfiddle.net/YjC6y/29/

$('someObject').mouseover(function() {
   $('someOtherObject').animate({
         opacity: 0
    })
}).mouseout(function() {
   $('someOtherObject').animate({
         opacity: 0.99
    })
});

使用jquery hover http://api.jquery.com/hover/someObject

  $('someObject').hover(
        function () {
            // Set the effect you want when mouse is over the element
        },
        function () {
            // Set the effect for mouse leave
        }
    );

希望有帮助

相关文章：