所以我设置一个有不同背景的菜单：悬停颜色.按钮背景将是灰色,并将按钮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});
- });
