<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Изменение цвета кнопки

Изменение цвета кнопки

Описание: Очень простой и часто используемый скрипт. Очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов на JavaScript. Но чтобы не тратить на это время, можете воспользоваться уже готовым.

Результат работы:

Наведите мышкой на кнопку.

Код javascript (вставлять между тегами <head> и </head>):

<script language="javascript">
var default_color;
function mouseIn() {
  default_color = document.changecolorbutton.but.style.background;
  document.changecolorbutton.but.style.background = "red";
}
function mouseOut() {
  document.changecolorbutton.but.style.background = default_color;
}
</script>

Код HTML (вставлять между тегами <body> и </body>):

<form name = "changecolorbutton">
  <input type="button" name="but" value="Click me!!!" onMouseOver="mouseIn()" onMouseOut="mouseOut()">
</form>

C уважением, Михаил Русаков и сайт http://myrusakov.ru.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (12):

Alim_(I) Alim_(I) 05.05.2011 18:19:40

А как просто цвет кнопки другой поставить? Можете привести пример, или просто сказать, или и то и то.

Ответить

Alim_(I) Alim_(I) 05.05.2011 18:24:14

А можете еще новую статью добавить о том как цвет фона менять? Или просто ответить и привести пример.

Ответить

Admin Admin 05.05.2011 19:43:17

Цвет фона задаётся в body атрибутом bgcolor. Значение которого записывается в 16-тиричной системе (либо в словесной). Например, так: bgcolor="#AADD10"

Ответить

fabrigas201 fabrigas201 20.01.2012 13:14:23

это можно с помощью псевдоселектора css сделать.

Ответить

Web_Developer Web_Developer 18.06.2013 18:52:42

Здравствуйте, Михаил! Подскажите, как реализовать такую задачу: есть меню на сайте. Как сделать так, чтоб при нажатии на определенную ссылку в меню менялся её цвет? То есть именно выделить ту ссылку, на которой находится пользователь. У вас на сайте это реализовано) Заранее спасибо)

Ответить

Admin Admin 18.06.2013 21:22:16

На PHP определяется, какая ссылка активная (по адресу страницы), далее ставится class="active" у соответствующей ссылки, а уже в CSS у этого класса ставятся нужные стили.

Ответить

Web_Developer Web_Developer 20.06.2013 20:53:31

Сам смысл вроде понял, вот только не могу понять главного, как определить какая ссылка активная (по адресу страницы... Не могли бы Вы немжко подробнее об этом? Очень прошу) Заранее спасибо))

Ответить

Admin Admin 20.06.2013 21:42:04

$_SERVER["REQUEST_URI"] - вот тут находится адрес страницы, его надо анализировать и сравнивать с адресом, куда ведёт ссылка. И если они совпадают, значит, это ссылка должна быть активной.

Ответить

shystruk shystruk 16.07.2013 11:39:16

Здравствуйте! Михаил подскажите. У меня кнопка вставлена background и у нее заукругленые края, а цвет при наведение на кнопку отображаертся как прямоугольник, как мне задать округлые края? Либо есть вариант, менят с кнопки на кнопку при наведение, как ето сделать?

Ответить

Admin Admin 16.07.2013 13:34:51

http://myrusakov.ru/forum.html?act=thread&id=1481

Ответить

shystruk shystruk 16.07.2013 14:05:19

Спасибо!

Ответить

aboutu aboutu 03.10.2013 12:39:16

А как осуществить переход по ссылке? Куда вставить ссыль?

Ответить

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