Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.191.165.187
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Увеличение поля для ввода текста
Сообщение оставлено 26.05.2011 в 16:13:54 | Сообщение #1

[Table]Анимация JQuery позволит нам сделать простое увеличение поля для ввода текста. Эффект очень интересный, использовать его лучше всего в регистрации. Ну а если есть желание и возможности, то можно сделать такой эффект для всех полей. В общем, данный скрипт позволит оптически увеличить поле ввода текста при фокусировании, а когда фокус снимается, все становится таким, каким было. Помните, что прежде чем использовать скрипт, нужно подключить плагин JQuery[/Table]
[Table]Для начала необходимо подключить плагин JQuery (вставить код между <head>):[/Table]
Code
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

[Table]Код:[/Table]
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)">
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика