javascript - 如何实现淡入的悬停效果

Question

当您将鼠标悬停在左侧(上一个功能)时，滑入并逐渐变暗，右侧则相反

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

http://jsfiddle.net/pQzWp/

Answer 1

我会尝试做以下事情:

在包含图像的 block 元素内，添加两个 block 元素，如下所示:

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