Как сделать чтобы при наведении мыши плавно менялся цвет фона?

Как сделать чтобы при наведении мыши плавно менялся цвет фона? | n-wp.ru Вопросы

Я знаю как это реализовать в Chrome, Opera! Но не как не пойму как заставить EI9 делать тоже самое?

Как сделать чтобы при наведении мыши плавно менялся цвет фона?

DimaDodonov

Сегодня снова лягу спать завтра...

Оцените автора
Добавить комментарий

  1. tiaurus

    Не знаю, как Хром или Опера, я использую универсальный метод, реализуемый через скрипт java.

    Предположим, что есть элемент DIV с классом box, в котором определено выделение каким-то фоновым цветом (например, #ffffff), и этот цвет нужно, при подведении курсора к этому элементу, плавно менять на другой:

    <div class="box">тут код элемента</div>

    Для этого нужно вставить в footer.php:

    <script type="text/javascript">
                $(document).ready(function(){
                    $(".box").hover(function() {
                    $(this).stop().animate({ backgroundColor: "#ffffdd"}, 1500);
                    },function() {
                    $(this).stop().animate({ backgroundColor: "#ffffff" }, 1500);
                    });    
             });
    </script>
    

    #ffffff — это первоначальный цвет фона
    #ffffdd — это цвет фона при подведении курсора
    1500 — это время анимации в милисекундах

    Для работы требуется подключенная библиотека jQuery. Работает во всех современных браузерах.

    Ответить
  2. DimaDodonov автор

    Спасибо! все работает, даже лучше чем через этот вариант

    -webkit-transition:  all 1200ms ease-in 0s;
    Ответить
  3. DimaDodonov автор

    $(this).stop().animate({ backgroundColor: «#ffffdd»}, 1500);

    А возможно ли за место цвета подставить изображение например из черно белого в цветное? будет ли скрипт работать?

    Ответить
    1. tiaurus

      Наверное не будет.

      Ответить