Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Смена свойства CSS 
:(
    Опции темы
dreamReckless
  Дата 27.12.2012, 08:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.12.2011

Репутация: нет
Всего: 0



К примеру есть div с классом (label).
Как с помощью javascript изменить свойство, как цвет к примеру? Но загвоздка в том, что я имею ввиду изменение цвета без действия пользователя - то цвет меняется автоматически, с интервалом. Но интересен именно сам процесс.

Вот сам div:

Код

<div class = "label"   >А ведь здесь то, просто текст!</div>


И сам стиль (класс):

Код

.label { 
    color: white;
    font-family: 'Lobster', cursive;
    font-size: 400%; /* размер шрифта */
    position: absolute; /* Абсолютное позиционирование */
    left: 20%;
    top: 8%
   }



Вот здесь и интересует, как в автоматическом режиме менять свойство css на заданное (в скрипте)..

Это сообщение отредактировал(а) Aliance - 27.12.2012, 10:38
PM MAIL   Вверх
skyboy
Дата 27.12.2012, 09:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260



самое простое — менять свойство style.color
PM MAIL   Вверх
Aliance
Дата 27.12.2012, 10:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



Цитата(dreamReckless @  27.12.2012,  09:59 Найти цитируемый пост)
я имею ввиду изменение цвета без действия пользователя - то цвет меняется автоматически, с интервалом. 

Сперва определи для себя четко алгоритм, что нужно. Если нужно после загрузки страницы каждые N секунд менять цвет div`а, то просто:
Код

window.onload = function() {
   setInterval('document.getElementById("labelDiv").style.color = "#f00";', N * 1000); // N - число секунд
}


getElementById для простоты, по классу получать элементы нужно другим способом.

Это сообщение отредактировал(а) Aliance - 27.12.2012, 10:38
PM MAIL WWW ICQ Skype   Вверх
dreamReckless
Дата 27.12.2012, 11:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.12.2011

Репутация: нет
Всего: 0



Интересует ф-ция на javascript, которая с интервалом будет плавно (!) менять цвет у div (!).
Возможно ли это?
А вообще интересует некое.. чтобы к примеру как то изменялись на ходу таблицы стилей.

То есть какая-то ф-ция (javascript), которая будет к примеру у div изменять шрифт, цвет, фон, или еще что то через определенный промежуток времени, плавно.

То есть хотелось бы как бы брать другие "строчки" (css) и вставлять "онлайн" в текущие стили, которые сразу бы применялись ("строчки"). Это возможно, или фантастика?
PM MAIL   Вверх
Aliance
Дата 27.12.2012, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



Возможно. Но нативной функции под это дело нет. Варианта три:
1) писать свою
2) искать чужую
3) использовать jQuery/etc

Я бы выбрал третий вариант, там это делается одной строчкой (смотреть в сторону jQuery.animate).
PM MAIL WWW ICQ Skype   Вверх
skyboy
Дата 27.12.2012, 12:47 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260



PM MAIL   Вверх
dreamReckless
Дата 29.12.2012, 01:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.12.2011

Репутация: нет
Всего: 0



Спасибо!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0624 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.