使用Mootools的

Question

如何創建一個MooTools的提示信息，同時注重文本費爾德像http://vadikom.com/demos/poshytip/#form-tooltips

感謝

Answer 1

我由Ryan J.Salva取得了非常細微的調整，以一個老腳本與您的要求：

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

PS：變化和評論僅MooTools的1.4.2的兼容性。希望它會有所幫助。

Answer 2

有各種各樣的方式來實現這樣的創建工具提示。

最簡單的方法是在字段後創建一個隱藏元素，一旦你關注一個字段，使用工具提示獲取元素，並使用Fx.Morph爲位置和不透明度設置動畫。在模糊中做相反的事情。

另一種方式是在頁面的底部，以建立一個單一的元件，然後用getCoordinates取每個字段的位置，調整工具提示的位置，注入工具提示文本從，比如說輸入的data-tooltip屬性，動畫它出現。

使用JsFiddle原型解決方案將是最簡單的。

Answer 3

你會發現這個有用：

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

這是我開發的，前一段時間的插件。你可以用它觀看演示文本字段這裏重點：

http://jsfiddle.net/X37C9/

它與MooTools的1.4和1.3。