Увеличить элемент ввода с анимацией - PullRequest
Новая
       2

Увеличить элемент ввода с анимацией

0 голосов
/ 08 декабря 2010

Я хотел расширить поля ввода. Так что это почти работает, но эффект "мигает". Поле расширяется и сворачивается, а пересечение делает второй ввод, чтобы перейти к следующей строке. Можете ли вы дать какой-либо совет, как это сделать, написать или переписать каким-либо образом!?!?!

Jquery 

$('#menusearchform .s').mouseenter(function(){
        var $this = $(this);
        if (!$this.data('expand')) {
                    $this.data('expand', true);
                    $this.animate({width:'+=32px',left:'-=16px'});
        }
        $this.val("").focus();
}).mouseleave(function(){
        var $this = $(this);
        $this.data('expand', false);
        $this.animate({width:'-=32px',left:'+=16px'});
    });

HTML 

<div id="divsearch">
     <form method="post" action="index.php" id="menusearchform">

           <input class="s" type="text" value="Search" name="felem1" />
           <input class="s" type="text" value="Search" name="felem2" />

           <input type="submit" value="Search" name="buttonSearch" />
           <input type="reset" value="Reset" name="buttonReset" id="Reset"/>
     </form>
</div>

1 Ответ

0 голосов
/ 08 декабря 2010

Думаю, вы не хотите, чтобы вся форма расширялась.Может быть, это то, что вам нужно: http://jsfiddle.net/fpgAn/1/

...