我正在开发一个类似于用户可以添加行的表的项目。现在只有一种类型可用,但我想让用户能够从列表中进行选择而无需更改页面布局。所以,我把一个菜单放在鼠标悬停的'添加行'链接上,并在使用mootools事件监听器时在mouseout上消失(稍有延迟和淡入/淡出)。它看起来像:
alt text http://img.skitch.com/20100416-m9f564tauqxecdk21xq12a7txu.jpg
我现在正在尝试找出一种简单的方法,以便当用户的鼠标离开“添加行”链接以从列表中选择项目时,列表保持可用。我查看了各种mootools附加组件和教程,但没有找到任何有用的东西。有没有人知道一个好的教程指导我通过这个或者可以指出我在这里正确的方向?
编辑:4/18 - 我刚碰到:
http://www.consideropen.com/blog/2008/10/smart-hover-box-for-mootools-12-v1/
非常适合我需要完成的工作。也许有一天我会觉得自己足够自信来编写自己的代码......感谢您的建议。
答案 0 :(得分:1)
显示菜单时 - 向document.body添加onmousemove事件监听器 - 检查触发事件的元素,如果菜单或“添加行链接”不执行任何操作,否则关闭菜单并停止事件听者
抱歉,我不知道mootools足以提供语法