Jquery，課堂動畫中的一些對象

Question

我想在twitter.com上做搜索動畫 這意味着當用戶將光標放在一個元素上時，其他一些元素也會動畫。

我嘗試做那樣：

$(".classinput").mouseover(function(){ 
    $(this).animate({ 
      opacity: 1, 
     }); 
}).mouseleave(function(){ 
    $(this).animate({ 
     opacity: 0.5, 
    }); 
}); 

但它不工作。將鼠標移動到元素上使單個元素動畫化，而不是整個類。

預先感謝您！

Answer 1

如果要動畫時，任何的徘徊之類的所有項目，你需要做的是這樣的：也

$(".classinput").hover(function(){ 
    $(".classinput").stop().animate({ opacity: 1 }); 
}, function(){ 
    $(".classinput").stop().animate({ opacity: 0.5 }); 
}); 

注意我刪除了尾隨逗號的不透明度值之後，這會導致問題在IE中。此外，我正在使用.hover()，它將映射到.mouseenter()和.mouseleave()以簡化它。還要在其中添加.stop()以防止在快速懸停時形成動畫隊列。