如何实现淡入的悬停效果

Question

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

这是我到目前为止所得到的感谢Deleteman

http://jsfiddle.net/pQzWp/

Answer 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效果。