2

这里只能使用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,但它不起作用:/

4

1 回答 1

1

我试了一下。http://jsfiddle.net/fJjTN/1/

我用tween而不是Fx. 我没有在输入字段上做效果,而是在标签上做。

在评论反馈后编辑
http://jsfiddle.net/47CAH/1/

于 2012-10-14T17:46:59.367 回答