Javascript jQuery通过Div中的多个图像在鼠标上方淡入淡出

所以我正在设计一个网站，我想通过一个名为XHTML 1.0过渡淡入鼠标的图像，让每个公司的徽标在鼠标上淡出，当不再鼠标移到一边时，它就会淡出。我已经安装了jQuery，但我不知道每个图像或一个图像的代码。我不知道JavaScript和或jQuery

非常感谢您将来的回答（以及可能的解释），

---

Aaron Brewer

每个图像都需要一个容器，否则当图像淡出时，将没有元素触发鼠标

HTML

---

也许这个小的实时演示会让您走上正确的方向，因为它同时使用CSS3和jquery来进行衰减，所以如果一个失败，另一个可以接管

“我希望能够通过一个名为via XHTML 1.0 Transitional fade-in的图像让每个公司的徽标消失”？我希望能够让每个公司的徽标（通过一个图像）通过HTML（确切地说是XHTML 1.0 Transitional）被调用到文档中，并在鼠标盖上淡入/淡出（通过jQuery，通过JavaScript）。@alex So，.img容器代表什么？我把它放在HTML文档的标记中，对吗？如果不是CSS文档的一部分，它如何调用CSS Div？我想我开始明白这里发生了什么。请解释一下好吗？非常感谢。@Aaron不，这段代码可以处理任意多的图像。我将包含一些示例HTML。@alex我将此代码放在HTML文档的标题标记之间，并调用了所需的CSS和其他内容，但仍然一无所获$（'.logos bottom'）.each（function（）{//获取对图像的引用。var img=$（this.find（'img'）；//默认情况下隐藏.img.Hide（）；$（this.hover）（function（）{img.stop.fadeIn（500）；}，function（）{img.stop.fadeOut（500）；}）@alex啊，我明白了，非常感谢，但我怎么能让它变为可见的，而不只是在鼠标悬停前才可见呢？另外，它应该在几次之后停止工作吗？@Aaron在CSS中使用

opacity

属性，在jQuery中使用

fadeTo（）

。

<div class="img-container">
   <img src="a.jpg" alt="a" />
</div>

<div class="img-container">
   <img src="b.jpg" alt="b" />
</div>

<div class="img-container">
   <img src="c.jpg" alt="c" />
</div>

$('.img-container').each(function() {

   // Get a reference to the image.    
   var img = $(this).find('img');

   // Hide by default.
   img.hide();

   $(this).hover(function() {
       img.stop().fadeIn(500);
   }, function() {
       img.stop().fadeOut(500);
   });

});