Главная » 2012 » Март » 21 » Увеличение поля ввода текста (Скрипты для ucoz)
21.03.2012, 16:29

Увеличение поля ввода текста





Анимация JQuery позволит нам сделать простое увеличение поля для ввода текста. Эффект очень интересный, использовать его лучше всего в регистрации. Ну а если есть желание и возможности, то можно сделать такой эффект для всех полей. В общем, данный скрипт позволит оптически увеличить поле ввода текста при фокусировании, а когда фокус снимается, все становится таким, каким было. Помните, что прежде чем использовать скрипт, нужно подключить плагин JQuery.

Для начала необходимо подключить плагин JQuery (вставить код между <head>):
Code
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>


Код выглядит так:
Code
<input type="text" style="margin:10px;border:5px solid #ffffff;background:#ffffff;padding:0px;"  
onblur="$(this).animate({margin: '10px', padding: '0px', border: '5px solid #ffffff'}, 100)"
onfocus="$(this).animate({margin: '0px', padding: '10px', border: '5px solid #ffffff'}, 100)">
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: yraaa.ru
Категория: Скрипты uCoz | Просмотров: 1381 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: ввода, увеличение, текста, Поля
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]