获取css值：hover with .css() – jquery

所以我设置一个有不同背景的菜单：悬停颜色.按钮背景将是灰色,并将按钮animate()悬停到其各自的颜色.

我可以抓住原来的默认颜色,无论如何,我将鼠标悬停在此上面：

var origBackgroundColor = $(this).css('background-color');

但是可以从我设置的css：hover属性获取颜色吗？我将具有：为每个按钮设置的悬停颜色,因为如果有人没有启用JS,导航将仍然具有：悬停效果工作.

这样的东西(或有另一种方式)：

var hoverColor = $(this).css('background-color:hover');

有任何想法吗？这可能吗？

解决方法

我很确定为了获得以下的背景颜色：hover伪,它首先需要一个浏览器事件来应用样式.换句话说,当你用鼠标悬停时,我想你可以得到它,但直到那时才能得到它.

可以这样,你可以等到用户做一个悬停,然后抓住颜色,用默认值覆盖它,存储它以供将来参考,然后做你的动画,但这可能是更麻烦的只是协调你的JS和CSS.

这样的东西：http://jsfiddle.net/UXzx2/

// grab the default color,and create a variable to store the hovered.
var originalColor = $('div').css('background-color');
var hoverColor;

$('div').hover(function() {
      // On hover,if hoverColor hasn't yet been set,grab the color
      //    and override the pseudo color with the originalColor
    if( !hoverColor ) {
        hoverColor = $(this).css('background-color');
        $(this).css('background-color',originalColor);
    }
      // Then do your animation
    $(this).animate({backgroundColor:hoverColor});
});