雖然做mouseover時，做鼠標移動時做其他事情

我在另一個問題中看到了這段代碼，我想我也可以使它成爲一個圖像的工作，但由於我是jquery的新手，我沒有做太多。雖然做mouseover時，做鼠標移動時做其他事情

下面是代碼：

$('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,01sec，由0.01降低不透明度，直到0,01, 鼠標離開圖像（按鈕）的那一刻，停止降低不透明度，並開始每0.01秒再次提高0.01，直到0.99不透明度

只是要再次清楚，我得到了2個圖像（按鈕） 1高於另一個，我想降低，然後提高上部按鈕的不透明度。另外我看到了另一種淡入淡出效果，但是2個按鈕都在1張圖片上，但是對於我來說（新手）我猜它太高級了，但我可能會看到它，這是我猜想使用較少圖像的一種好方法。

以防萬一，這裏是鏈接到的例子太多：http://jsfiddle.net/YjC6y/29/

來源

2011-12-17 Jordashiro

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

來源

2011-12-17 16:48:11 aWebDeveloper

這是最好$（）。有兩個函數？ – 2011-12-17 17:04:45

我真的不知道 – aWebDeveloper 2011-12-17 17:09:04

謝謝，這真的工作:)，只是而不是「someOtherObject」我使用相同的，如果它的另一個對象，它沒有正確動畫這是我使用的代碼： $（LowerImage ）.mouseover（函數（）{ $（LowerImage）.animate（{ 不透明度：0 }） }）鼠標移開（函數（）{ $（LowerImage）.animate（{ 不透明度：0.99 }）。 }）; 還有一件事，我可以設置動畫的速度嗎？不要誤解我的意思，速度是好的，我只是想知道如果我需要它在其他地方是不同的。 – Jordashiro 2011-12-18 11:35:42

使用jQuery懸停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 
     } 

    );

希望這有助於:)

來源

2011-12-17 22:13:35 shennyL

雖然做mouseover時，做鼠標移動時做其他事情

回答

相關問題