JQuery淡入，使用鼠標滾輪淡入淡出效果問題

Question

即時消息試圖完成的是在頁面加載時的淡入淡出效果，然後一個很好的淡出效果，並在每個單獨項目的鼠標懸停效果，你可以看到我在這裏工作：http://themes.thefragilemachine.com/themachine_v4/

我知道這可以使用子調用完成嗎？我只是不知道該怎麼做，但基本上我想有一個班我可以申請到真正的任何股利，並使用它的效果，對於鼠標至少，任何幫助將是驚人的！謝謝！

這裏是我的jQuery代碼：

<script type="text/javascript"> 
    $(document).ready(function() { 

     window.onload = function() { $('.test1').hide().fadeIn(1500); }; 

     $('.test1').mouseover(function() { 
      $('.test1').fadeOut('fast').fadeIn('slow'); 
     }); 
    }); 
</script> 

這裏是我的html代碼：

<div class="featured-pitem g_4 test1"></div> 
<div class="featured-pitem g_4 test1"></div> 
<div class="featured-pitem g_4 test1"></div> 
<div class="featured-pitem g_4 test1"></div> 
<div class="featured-pitem g_4 test1"></div> 
<div class="featured-pitem g_4 test1"></div> 

Answer 1

你在找這個吧？

$('.test1').mouseover(function() { 
    $(this).fadeOut('fast').fadeIn('slow'); 
}); 

使用$(this)應該應用衰落效應當前元素僅使用$('.test1')適用的影響，以與一類test1所有元素。

Answer 2

您在document.ready中分配「window.onload」偵聽器。但是document.ready在window.onload之後觸發，所以你的代碼沒有任何影響。在任何情況下，當窗口被加載時，沒有加載DOM，所以沒有要選擇的元素。你應該重寫它是這樣的：

$(document).ready(function() { 

$('.test1').hide().fadeIn(1500); 
$('.test1').mouseover(function() { $('.test1').fadeOut('fast').fadeIn('slow'); }); 


}); 

順便說一句，有一個很好的快捷方式的jQuery的$（document）。就緒（...）等於$（...），只要把在功能$（...）調用

Answer 3

<script type="text/javascript"> 
$(document).ready(function() { 

    $('.test1').hide().fadeIn(1500); 

    $('.test1').mouseover(function() { $(this).fadeOut('fast').fadeIn('slow'); }); 


}); 
</script> 

---

衰落序列，就可以使用這樣的事情：

<script type="text/javascript"> 

$（文件）。就緒（函數（）{

$('.test1').hide(); 

$('.test1').each(function(i){ 
     var timing = i*2+60; 
     $(this).delay(timing).fadeIn(1500); 
}); 





$('.test1').mouseover(function() { $(this).fadeOut('fast').fadeIn('slow'); }); 

}）;