Question

Here's the JS fiddle

或者在脚本下方找到：

<script>
        $('#box').focus(function()
{
    /*to make this flexible, I'm storing the current width in an attribute*/
    $(this).attr('data-default', $(this).width());
    $(this).animate({ width: 150 }, 'slow');
}).blur(function()
{
    /* lookup the original width */
    var w = $(this).attr('data-default');
    $(this).animate({ width: w }, 'slow');
});
</script>

和HTML

<input type="text" id="box"  style="width: 100px;" />

我所需要的只是让文本框向左扩展而不是向右扩展..如何做到这一点。

Answer 1

脚本只更改元素的宽度，它不会向右增长。但是当元素向左对齐时，它将向右扩展。

如果你想把它长到左边，你必须将它放入一个容器中并将它的子项对齐到右边。

参见示例：

<div style="width: 200px; text-align:right">
   <input type="text" id="box" style="width: 100px;" />
</div>

http://jsfiddle.net/9SSg3/420/

如何让文本框向左滑动？

Here's the JS fiddle

1 个答案: