淡入CSS类

Question

我想知道如何用jquery淡入css类.我正在寻找的效果有点像你在这里看到的:https://squareup.com/

到目前为止我尝试过的是:

$(document).ready(function() {
    $('.mini-nav li').hover(function () {
    $('.hover').fadeIn(slow);
};
});

我考虑过.addClass()方法,但我不确定在哪里添加它(或者如果这是最好的事情).

编辑:这是我试过的一个小提琴:http://jsfiddle.net/J93NR/1/

Answer 1

你不需要jquery,纯CSS解决方案更简单(小提琴):

<div class="outer"><div class="inner"></div></div>

.outer {
    background: url(...);
}
.inner {
    background: url(...);
    opacity: 1;
    transition: opacity 0.3s;
}
.inner:hover {
    opacity: 0;
}

http://jsfiddle.net/ZAgnY/