Есть ли простой способ использовать jQuery для затухания на фоне css: hover? - PullRequest
Новая
       37

Есть ли простой способ использовать jQuery для затухания на фоне css: hover?

1 голос
/ 27 января 2011

У меня есть IMG с CSS, который использует: hover, чтобы показать фон.Есть ли простой способ использовать jQuery для затухания в фоновом режиме вместо его мгновенного появления?

Мой текущий код: 

HTML: <img id="home-logo" src="path/logo-home.png">`
CSS: #home-logo:hover { background: url(path/logo-back.png) right bottom no-repeat;}

Ответы [ 3 ]

0 голосов
/ 27 января 2011

Может быть, вам нужно уменьшить прозрачность, в этом случае вы можете использовать метод fadeTo.первый аргумент - это длительность или скорость, второй аргумент - значение непрозрачности.

JQUERY CODE: 

    $('#home-logo').hover(
    function(){
      $(this).fadeTo('slow',0.2);
    },
    function(){
      $(this).fadeTo('slow', 1.0);
    });

HTML CODE: 

<img id="home-logo" src="path/logo-home.png">

DEMO

0 голосов
/ 27 января 2011

Я понял это и нашел, что лучший способ сделать это - использовать два изображения вместо фона:

0 голосов
/ 27 января 2011

да !!!Вы можете использовать ЭТО ... 

$('#home-logo').hover(function(){
  $(this).fadeIn('slow', function() {
  //do something  
  });
 });

для получения дополнительной информации, которую вы должны посмотреть в этом руководстве. fadeIn

...