Не нравятся результаты поиска? Попробуйте другой поиск!

анимация background


     06.02.2013    Стили (CSS), jQuery    1713

вопрос
Доброе время суток, есть скрипт изменяющий прозрачность элемента при наведении.


Нужно его модифицировать что бы при наведении менялся параметр background элемента.
при наведении мыши:
background: none ; ---> background: url(../images/pr_play.png) no-repeat center rgba(0,0,0,0.5) ;
и в обратную сторону при убирании мыши. Заранее благодарен

Ответил: cybernatic




$(document).ready(function(){
$('.prew_hov').each(function(){
      $(this).animate({opacity:'0'},1).css('background-image','url("путь до картинки")');
      $(this).mouseover(function(){
          $(this).stop().animate({opacity:'1.0'},200).css('background','');
      });
      $(this).mouseout(function(){
          $(this).stop().animate({opacity:'0.3'},200);
      });
});
});


Комментарии пользователей (3)

TheImDim
18

327 | 291

TheImDim - 6 февраля 2013 19:43 - Юзер

Есть много способов, к примеру можно менять класс (toggleClass) либо менять css свойства элемента css( свойства )

maggotische
4

55 | 63

maggotische - 6 февраля 2013 19:56 - Юзер

очень подошел бы вариант с css свойствами

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 9 февраля 2013 21:09 - Админ

В CSS пишем что-то типа такого:
.prew_hov {
background-image:  URL(../images/image.png) no-repeat 1000px 0;
}
.prew_hov:hover {
background-image: URL(../images/image.png) no-repeat 0 0;
}

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы