Question

我试图想象一下简单的jQuery代码是什么，在悬停时淡入rgba背景颜色，然后当你将鼠标移离div时淡出。

我说“rgba”的原因是因为它需要70％不透明的黑色，但如果可以使用jQuery自己的不透明度，那就太酷了。

一个完美的例子是http://dalhov.se，除了他们使用更复杂的方法，我很难学习。

谢谢，涉

Answer 1

你在这里

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

您需要包含jquery UI或color plugin

查看this thread了解详情

Answer 2

编辑：你需要的只是jQuery的fadeTo函数......

演示：http://jsfiddle.net/wdm954/5Hef6/5/

我认为这与您的示例网址最相似。

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

在本演示中，DIV是分层的。如果您删除包含内容的DIV的不透明度，则不透明度也会影响内容。

Answer 3

不管怎么说，Darn打败了我，我还是会扔掉我的 http://jsfiddle.net/mazzzzz/Wfech/

Answer 4

我认为你在没有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>

使用jQuery在悬停时更改背景

4 个答案: