如何实现淡入的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效果。