Question

我是Jquery的新手，所以不确定如何编辑下面的代码，以便在类元素悬停时创建淡入淡出。

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

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

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

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

任何指针都会非常感激。

谢谢！

Answer 1

我认为当第一个元素悬停时，你正在淡化其他元素。请注意，hover有两个参数：当项目悬停时的函数和鼠标移出元素时的另一个函数。由于fadeIn / Out可能需要一些时间，因此您可能还需要查看hoverIntent插件，以便在简单地将鼠标悬停在元素上并且实际上不打算调用该功能时减少无意的显示。

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

在悬停时动画Jquery addClass

1 个答案: