Jquery fadeIn和out DIV2在具有唯一ID的DIV1上悬停

我有一堆具有唯一id的div，我希望它们在悬停时显示透明效果

如何使用唯一ID和不闪烁使其正常工作

以下是我尝试过的：

---

这可以通过使用简单的css来实现，具体取决于您的目标浏览器是什么

测试{填充：20px；背景色：F00；宽度：200px；高度：200px；}
a:hover#test{opacity:0.5；transition:opacity.2s ease out；-moz transition:opacity.2s ease out；-webkit transition:opacity.2s ease out；-o-transition:opacity.2s ease out；}

试试这个：

  $('.ad_cover').mouseenter(function() {
      var ad_id = this.id;
      $('#fade'+ad_id).stop().fadeIn();
  });
  $('.ad_cover').mouseleave(function() {
      var ad_id = this.id;
      $('#fade'+ad_id).stop().fadeOut();
  });

---

您的问题是什么？要使此功能在不闪烁的情况下正常工作，并实际使用独特的ID，我希望能够将信息添加到出现的新div中，但这不会实现。对不起，请您解释一下，您是在寻找淡入悬停效果还是其他效果？我希望悬停在ad_封面上，并使用ad_淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出。但是，由于我有一堆带有ad_fade类的div，所以我想为悬停的特定惟一div动态fadeIn

$('.ad_cover').mouseover(function() {
    var ad_id = this.id;
    $('#fade'+ad_id).fadeIn('slow');
});
$('.ad_cover').mouseout(function() {
    var ad_id = this.id;
    $('#fade'+ad_id).fadeOut('slow');
});

 <a href="#"><div id="test">bla bla bla</div></a>

 a #test{padding:20px; background-color:#F00; width:200px; height:200px;}
 a:hover #test{opacity:0.5; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out;}

  $('.ad_cover').mouseenter(function() {
      var ad_id = this.id;
      $('#fade'+ad_id).stop().fadeIn();
  });
  $('.ad_cover').mouseleave(function() {
      var ad_id = this.id;
      $('#fade'+ad_id).stop().fadeOut();
  });