使用Mootools创建工具提示

Question

如何在关注http://vadikom.com/demos/poshytip/#form-tooltips等文本字段时创建Mootools工具提示信息

由于

Answer 1

您可能会觉得这很有用：

http://mootools.net/forge/p/floatingtips

这是我前段时间开发的插件。你可以在这里看到一个用于文本字段的演示：

http://jsfiddle.net/X37C9/

适用于Mootools 1.4和1.3。

Answer 2

有很多方法可以实现这样的目标。

最简单的方法是在字段后创建隐藏元素，一旦您聚焦字段，使用工具提示获取元素，并使用Fx.Morph设置位置和不透明度的动画。在模糊上做相反的事情。

另一种方法是在页面底部创建一个元素，然后用getCoordinates获取每个字段的位置，调整工具提示的位置，从中注入工具提示文本，例如{{ 1}}输入的属性，使其显示为动画。

使用JsFiddle原型解决方案将是最简单的。

Answer 3

我根据你的要求对Ryan J.Salva的一个旧剧本做了很小的调整：

http://jsfiddle.net/ghazal/K7uaQ/

PS：更改评论，仅适用于具有兼容性的mootools 1.4.2。希望它会有所帮助。