Скрипт увеличения поля при наводке
7972
7.4 из 10
Проголосовало: 6
Проголосовало: 6
При наведение и щелчке мыши по полю - он увеличит его. Поля - такие как поиск или комментарии. Работает с полями input и textarea.
Установка:
Вставляем на страницу с полем, которое хотим увеличить.
Код
<script>$(function() {
$("input или textarea").focus(function(){
$(this).animate({ width:"500px"}, 1000);
}).blur(function(){
$(this).animate({ width:"210px"}, 500);
});
});</script>
$("input или textarea").focus(function(){
$(this).animate({ width:"500px"}, 1000);
}).blur(function(){
$(this).animate({ width:"210px"}, 500);
});
});</script>
готово!
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 9
0
|
Это фигня там надо думать как делать, у меня на сайте такой скрипт установлен, я сам писал!
Там при увеличении не будут изменяться ближние елементы(теги). Demo в новостях на любую картинку:[реклама] |
-2
|
[удалено]
|
|
0
|
Но это будет не кроссбраузерно!
|
|
+2
|
пфф...
Код input {width:200px;-moz-transition: all 0.5s ease 0s;-webkit-transition: all .5s;-o-transition: all .5s;} input:hover {width:500px;} |
|
-2
|
И что ты этим хотел сказать?
Я знаю можно сделать увеличение с помощью css, но мне зачем писать? |
|
+2
|
Ты ведь написал: "Но это будет не кроссбраузерно!", я а тебе показал как будет кроссбраузерно (кроме ие, он какашка).
|
0
|
Верно, и не нужны никакие JS-коды
|
+2
|
Такое можно реализовать и на css
|
|
0
|
Полностью согласен
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  | |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)