Я уже ненавижу слово - "Как вконтакте" но что делать если именно пользователи системы uCoz, задают такие вопросы, поэтому я стараюсь не отойти от традиции их понимания :) извиняюсь если пишу не понятно.
Этот скрипт написан на jQuery, (естественно) он растягивает любые формы с анимацией, а если вы хотите без анимацией, то не нужно писать мне а просто возьмите учебники по css и выучите пару строк кода.
Из начале такой эффект придумала компания apple, после этого многие социальные сети, начиная с твиттера и фейсбука и продолжая сети вконтакте.ру ее используют. И вот уже были вопросы про этот эффект, что бы в дальнейшем не возникали вопросы просто показываю пример из своих учебников с 2010 года.
Установка: У вас есть на сайте вот такой код:
кто не знает внутри этого кода есть вот такой код внутри тега form:
Code
<input id="srch" placeholder="Поиск..." type="text">
Все что вам нужно это добавить класс к input, кстати вот сам класс:
Во многих шаблонах у этих форм есть свои классы и вам просто нужно в скрипте заменить класс
сам скрипт:
Code
<script>
$(".example-anm").focus(function(){
$(this).animate({width:'200px'}, 500); /* после клика */
});
$(".example-anm").focusout(function(){
$(this).animate({width:'150px'}, 500); /* стандартная */
});
</script>
Демопример можно посмотреть на нашем демо сайте:
посмотреть...
Меню сайта
Меню сайта
