1

我有以下CSS

#button:hover .inner {
    background-color: #9c0000;
    -webkit-animation: circle 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: circle 1s;
    -moz-animation-fill-mode: forwards;
    animation: circle 1s;
    animation-fill-mode: forwards;
}

这个想法是,.inner它将在父 div 内部增长以填充它。这部分有效,但我希望允许人们定义 abackground-color并且当我尝试时$('#button:hover .inner').css('background-color',colorChoice);这根本不会改变它。

所以我想知道background-color如果我能够提供一个变量,是否真的可以使用 jQuery 从上面的 css更改var colorChoice = '#ff0';

我提供了我的jsFiddle来向您展示我希望它如何工作

4

2 回答 2

0

应该可以使用 jQuery,但我认为您需要使用http://api.jquery.com/hover/而不是您当前拥有的 $('#button:hover .inner') 选择器。

于 2013-05-01T10:37:22.770 回答
0
$('#button').hover(function(){
    $(this).find('.inner').css('background-color',colorChoice);
});
于 2013-05-01T10:40:09.887 回答