Изменение цвета кнопки
Описание: Очень простой и часто используемый скрипт. Очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов на 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.
-
Создано 20.04.2010 19:10:41
-
Михаил Русаков
Комментарии (12):
А как просто цвет кнопки другой поставить? Можете привести пример, или просто сказать, или и то и то.
Ответить
А можете еще новую статью добавить о том как цвет фона менять? Или просто ответить и привести пример.
Ответить
Цвет фона задаётся в body атрибутом bgcolor. Значение которого записывается в 16-тиричной системе (либо в словесной). Например, так: bgcolor="#AADD10"
Ответить
это можно с помощью псевдоселектора css сделать.
Ответить
Здравствуйте, Михаил! Подскажите, как реализовать такую задачу: есть меню на сайте. Как сделать так, чтоб при нажатии на определенную ссылку в меню менялся её цвет? То есть именно выделить ту ссылку, на которой находится пользователь. У вас на сайте это реализовано) Заранее спасибо)
Ответить
На PHP определяется, какая ссылка активная (по адресу страницы), далее ставится class="active" у соответствующей ссылки, а уже в CSS у этого класса ставятся нужные стили.
Ответить
Сам смысл вроде понял, вот только не могу понять главного, как определить какая ссылка активная (по адресу страницы... Не могли бы Вы немжко подробнее об этом? Очень прошу) Заранее спасибо))
Ответить
$_SERVER["REQUEST_URI"] - вот тут находится адрес страницы, его надо анализировать и сравнивать с адресом, куда ведёт ссылка. И если они совпадают, значит, это ссылка должна быть активной.
Ответить
Здравствуйте! Михаил подскажите. У меня кнопка вставлена background и у нее заукругленые края, а цвет при наведение на кнопку отображаертся как прямоугольник, как мне задать округлые края? Либо есть вариант, менят с кнопки на кнопку при наведение, как ето сделать?
Ответить
http://myrusakov.ru/forum.html?act=thread&id=1481
Ответить
Спасибо!
Ответить
А как осуществить переход по ссылке? Куда вставить ссыль?
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.