Изменить фон при наведении курсора с помощью jQuery

Question

Я пытаюсь понять, что за простой код jQuery затухает в цвете фона rgba при наведении, а затем затухает, когда вы перемещаете мышь от элемента div.

Причина, по которой я говорю «rgba»потому что он должен быть на 70% непрозрачным черным, но если это можно сделать с помощью собственной непрозрачности jQuery, то это круто.

Идеальный пример - http://dalhov.se, за исключением того, что он использует более сложный метод, который яМне трудно учиться.

Спасибо, Уэйд

Answer 1

вот вы

http://jsfiddle.net/samccone/EpmKC/

вам нужно включить jquery UI или цветовой плагин

Проверьте эту тему для получения дополнительной информации

Answer 2

РЕДАКТИРОВАТЬ: Все, что вам нужно, это функция jQuery fadeTo ...

Демо: http://jsfiddle.net/wdm954/5Hef6/5/

Я считаю, что это наиболее похоже на ваш пример URL.

$('#bg').fadeTo(1, 0);
$('#content').hover(function() {
    $('#bg').stop().fadeTo(300, 0.7);  
}, function() {
    $('#bg').stop().fadeTo(300, 0);
});

В этой демонстрации DIV-ы являются многоуровневыми.Если вы уроните непрозрачность DIV, содержащего контент, ваша непрозрачность также повлияет на контент.

Answer 3

Я думаю, что вы используете приведенный ниже код без JQuery.

In style

#divDemo{background-color:#FF0000;height:50px;width:200px;}
#divDemo:hover{background-color:#DDDDDD;height:50px;width:200px;}

In HTML

<div id="divDemo"></div> 

Answer 4

Черт возьми меня до удара, я все равно буду бросать, хотя http://jsfiddle.net/mazzzzz/Wfech/