Простой сценарий mutli-fadeing

96
14

Я ищу скрипт, который работает как на Dribbble (появляется наложение при наведении мыши). Но это должно быть несколько... Я имею в виду, что используется для многих изображений на сайте. Просто так много.

Благодарю!

спросил(а) 2011-07-01T00:28:00+04:00 8 лет, 8 месяцев назад
1
Решение
49

Используя событие мыши jQuery и hover() вы можете достичь желаемого поведения.

$("img").hover(function() { //select the image which is hovered
$(this).css("opacity","0.5"); //apply opacity for this image

}, function() {
$(this).css("opacity","1"); //change to opacity to default
});

Демо: http://jsfiddle.net/mVWdQ/

Для селектора вы можете использовать класс, который будет использоваться только для требуемых изображений вместо элемента как img.

Другой способ - использовать animate().

$("img").hover(function() {
$(this).animate({opacity:0.5},500);

}, function() {
$(this).animate({opacity:1},500);
});

Демо: http://jsfiddle.net/mVWdQ/1/

ответил(а) 2011-07-01T00:38:00+04:00 8 лет, 8 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема