这里只能使用Mootools!
好的，我有一个基本的输入框:
<input id='input_box' value='Name' class="validate['required']" />
该类用于 MooTools 楼层验证。
所以我的想法是:
1) 输入框里面有值的文本。 2)当用户点击输入框时，输入框左侧向内滑动(从左到右)，所以现在显示:
名称[输入框]
3) 如果用户在没有输入任何内容的情况下单击框区域外，则它会滑回其原始位置，名称在框区域中。
我是这样想的:
将文本定位在输入框后面，单击动画框的大小，然后淡入该位置的文本。然而，我的 Mootools 知识真的很糟糕，也许是这样的(作为起点)？
function introFunction() {
var input = new Fx.Style($('input_box'),'width':'200');
input.start(200);
}
然后将其应用于 onlick，但它不起作用:/
最佳答案
我试过了。 http://jsfiddle.net/fJjTN/1/
我使用了 tween 而不是 Fx。我没有在输入字段上做效果，而是在标签上做。
评论反馈后编辑
http://jsfiddle.net/47CAH/1/
关于javascript - MooTools:单击/切换时输入框的动画大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12884635/