Question

我在另一个问题中看到了这段代码，我想我也可以将它用于图像，但由于我是jquery的新手，我没有做太多。

以下是代码：

$('someObject').bind('mouseover', function() {

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

});

我在这里看到了这个问题： An "if mouseover" or a "do while mouseover" in JavaScript/jQuery

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

我希望我的工作图像，基本上我有2个图像一个接一个，我想做一个褪色效果，所以像

鼠标悬停时，每0,01秒，将不透明度降低0.01，直到0,01 鼠标离开图像（按钮）的那一刻，停止降低不透明度，然后每0.01秒重新加高0.01，直至0.99不透明度

再次清楚，我有2个图像（按钮）1在另一个之上，我想降低然后提高上部按钮的不透明度。此外，我看到了另一种类型的淡入淡出，但是2个按钮是在1张图像上，但对我来说（新手）它太先进我猜，但我可能会看一下，这是一种很好的方式来使用更少的图像我想。

以防万一，以下是该示例的链接：http://jsfiddle.net/YjC6y/29/

Answer 1

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

Answer 2

使用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
        }

    );

希望这有帮助：）

做鼠标时，在mouseout时做其他事情

2 个答案: