如何实现淡入的悬停效果答案

【问题标题】：how to implement hover effect that fades in如何实现淡入的悬停效果
【发布时间】：2011-10-01 10:35:36
【问题描述】：

当您将鼠标悬停在左侧（上一个功能）上时，滑入并变暗，右侧反之亦然

感谢 Deleteman，这是我目前得到的结果

http://jsfiddle.net/pQzWp/

【问题讨论】：

您是指将鼠标悬停在右栏中的小缩略图上时出现的较大图像缩略图吗？

标签： javascript jquery css

【解决方案1】：

我会尝试执行以下操作：

在保存图像的块元素内，添加两个块元素，如下所示：

 #element1 {
 position:absolute;
 left:0; 
 top:0
 width:30%;
 height:100%; 
}

 #element2 {
  position:absolute;
  right:0;
  top:0
  width:30%;
  height:100%;
 }

以及图片容器的位置，将其位置设置为“相对”。

现在，您可以像这样设置事件：

$("#element1").mouseover(function() {
    //show "prev" link
 });

$("#element2").mouseover(function() {
  //show "next" link
 });

希望对你有帮助！

编辑

查看：http://jsfiddle.net/pQzWp/7/

把你的框架改成JQuery，因为我对mootools不太了解，你可以随意改变fadeIn和fadeOut效果。

【讨论】：

谢谢，这很有趣，但最终我希望它能够像上面的新描述一样发挥作用。