1

Добрый день! Подскажите, пожалуйста, как сделать плавное переключение цвета фона. Вот сам код:

<script type="text/javascript">
window.onload = function() {
    document.getElementById('change-background').onmouseover = function() {
    document.body.style.background = '#400000';
}
document.getElementById('change-background').onmouseout = function() {
    document.body.style.background = '';
}
}
</script>
3
  • change-background это id ссылки.
    – DimasikYES
    11 июл 2014 в 15:19
  • Вы это уже читали? Что не получилось?
    – alvoro
    11 июл 2014 в 15:25
  • Не получается плавное появление и исчезновение цвета при наведении на пункт меню, прописывал animate, не получилось
    – DimasikYES
    11 июл 2014 в 15:32

1 ответ 1

0

Ответ нашел, нужно прописать в css такой код:

body {
transition: background-color 1s;
}
html:hover body {
background-color: #400000;
}

Вместо html, можно указывать любой class или id того элемента (например блока div), на который при наведении хотим поменять фон body. То есть для javascript не стоит ни чего менять, а только добавить в css найденный ответ.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.