0

如果我建立一个在悬停时淡入或淡出的按钮，则子项会随父项一起淡出。孩子们包含文本，所以我希望能够让他们忽略fadeIn()orfadeOut()效果。我也没有运气not()。

我怀疑应该归咎于我缺乏知识，因为如果它只是动态更改 CSS，那么可能没有一个很好的方法来防止这些更改像对父母一样影响孩子。

这显然是简单的代码，但如果相关，它如下所示：

myButton.hover(function(){
    $(this).fadeTo(/*code to change the speed, etc etc*/);
        }, function(){
    $(this).fadeTo(/*reverse the changes, and so on*/);
    }
});

有没有一种好方法可以让孩子忽略父母的这些变化？

4

1 回答 1

0

我会使用 CSS 来做到这一点。

#myButton {
    background-color: rgb(0, 0, 0); /* Whatever colour it is */
    transition: background-color 0.5s ease; /* However long you want it to be */
}

#myButton:hover {
    background-color: rgba(0, 0, 0, 0.5); /* Whatever colour and fadedness you want it to be */
}

它优雅地退化，可以在任何颜色之间转换。当然，您可能希望添加-webkit-transitionand以实现兼容性，并-moz-transition用于键盘焦点。-o-transition#myButton:hover, #myButton:focus

于 2013-06-25T21:27:20.573 回答