動畫Jquery addClass上懸停

我是Jquery的新手，所以不確定如何編輯下面的代碼，以便在類元素懸停時創建淡入淡出效果。動畫Jquery addClass上懸停

<script type="text/javascript"> 
<!--//--><![CDATA[//><!--  

$(function() { 
$('div.work-item').hover(function() { 

}).hover(function() { 
$(this).addClass("hover"); 
}, function(){ 
$(this).removeClass("hover"); 
}); 

}); 
//--><!]]>

任何指針將不勝感激。

謝謝！

來源

2010-03-29 JamesOps

當我在野外看到CDATA Mangled Comments Hack時，我感到很難過。這是我從來沒有打算讓任何人實際使用的恐怖。 – bobince 2010-03-29 15:40:44

我假設你在其他元素消失的時候，第一個是懸停的。請注意，hover需要兩個參數：一個項目懸停時的功能，另一個是鼠標移出元素時的另一個參數。由於淡入/淡出可能需要一些時間，因此您可能還需要查看hoverIntent插件，以便在簡單地將鼠標懸停在元素上而不實際調用該功能時減少無意顯示。

$(function() { 
    $('div.work-item').hover(function() { 
     $('.selector-for-fadein-item').fadeIn('fast');  
    }, function(){ 
     $('.selector-for-fadein-item').fadeOut('fast');  
    }); 
});

來源

2010-03-29 14:51:22 tvanfosson

動畫Jquery addClass上懸停

回答

相關問題