Jquery，类动画中的一些对象

【问题标题】：Jquery, some objects in class animationJquery，类动画中的一些对象
【发布时间】：2010-07-29 14:54:51
【问题描述】：

我想在 twitter.com 上做搜索动画这意味着当用户将光标放在一个元素上时，其他元素也会被动画化。

我尝试这样做：

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

但它不起作用。将鼠标移到元素上会为单个元素而不是整个类设置动画。

提前谢谢你！

【问题讨论】：

标签： jquery class animation

【解决方案1】：

如果你想在类的所有项目悬停时为所有项目设置动画，你需要这样做：

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

请注意，我删除了 opacity 值后面的逗号，这会导致 IE 出现问题。此外，我使用.hover() 映射到.mouseenter() 和.mouseleave() 来简化它。还要在其中添加.stop()，以防止快速悬停时动画队列堆积。

【讨论】：