Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Плавное исчезновение фона (https://javascript.ru/forum/dom-window/38913-plavnoe-ischeznovenie-fona.html)

ArthurSpirke 07.06.2013 14:43

Плавное исчезновение фона
 
Добрый день! Прошу помочь советом с такой штукой:
У меня есть форма состоящая из input-ов и textarea, а так же, кнопочка "добавить", которая динамически добавляет дополнительные поля для ввода информации.

Так вот, хочется оформить появление новых input-ов красиво. А именно - чтобы при появлении новых элементов, их бэкграунд колор был определённого цвета (например, зелёный). И этот фон постепенно исчезает (в течении 1 секунды меняет плавно свой цвет от зелёного, до светло зелёного и до белого, цвета фона сайта).

Вопрос в том, как сделать работу с этим фоном. Функция довольно стандартная, видел её на нескольких сайтах, может, есть реализации в фраемворках каких-то.

Если без фраемворков, то мне пришла мысль использовать отсчёт времени и в течении этой секунды менять динамически менять цвет фона используя массив нескольких оттенков зелёного.

dmitriymar 07.06.2013 14:49

в гугле забанили? описаны и механизмы и реализации везде.

ArthurSpirke 07.06.2013 14:52

Да вот искал же, не знаю как правильно запрос уже написать. Всё время попадаются гайды и примеры того, как сделать плавное изменение прозрачности картинки при наведении на неё курсором и т.п.

dmitriymar 07.06.2013 15:13

Цитата:

Сообщение от ArthurSpirke
Да вот искал же, не знаю как правильно запрос уже написать. Всё время попадаются гайды и примеры того, как сделать плавное изменение прозрачности картинки при наведении на неё курсором и т.п.

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

ArthurSpirke 07.06.2013 15:28

Оу, нет. Я ни в коем случае не прошу написать за меня скрипт с нуля. Это же мое дело:)

Видимо не очень правильно сформулировал свой вопрос.

Я хотел, чтобы меня толкнули в правильном направлении. Стоит ли использовать что-то, что уже есть в фраемворках (сам с ними плохо знаком, мало что знаю из возможностей, поэтому спрашиваю тех, кто имел дело) или же написать самому реализацию на "голом" js.

Ну и правильные ли у меня мысли на счёт счётчика времени и изменения фона по нему, которые я описал в первом посте.

Спасибо.

danik.js 07.06.2013 15:34

Если используется jQuery, то можно подключить jquery.color.js и тогда через animate() можно будет анимировать цвета. Может эту фичу уже в либу запихали, я не знаю.


Часовой пояс GMT +3, время: 15:03.