如何实现淡入的hover效果

当你将鼠标hover在左侧(上一个function)时,它会滑入并逐渐变暗,反之亦然

这是我到目前为止感谢Deleman

http://jsfiddle.net/pQzWp/

我会尝试做以下事情:

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

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