jquery – 淡入CSS类

前端之家收集整理的这篇文章主要介绍了jquery – 淡入CSS类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何用 jquery淡入css类.我正在寻找的效果有点像你在这里看到的: https://squareup.com/

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

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

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

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

解决方法

你不需要jquery,纯CSS解决方案更简单( fiddle):
<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/

原文链接:https://www.f2er.com/jquery/177135.html

猜你在找的jQuery相关文章