javascript - JavaScript中的CSS函数不做边框动画？

Question

非常容易阅读的小示例代码，用于演示函数的问题。

 (http://jsfiddle.net/gKfGw/)!


/*for the hovering over any item in the menu*/
$('.navy').hover(
    function() {
        $(this).css({"border-bottom " : "2px solid #13B213"}); /*green*/
    }, 
    function() {
        $(this).css({"border-bottom " : "2px solid #666666"}); /*grey*/
    }
);

CSS 中的第 9 行:默认颜色。JavaScript 中的第 4 行:鼠标悬停时的颜色。JavaScript 第 7 行:鼠标上的颜色移开。

你能告诉我一种方法，这样我就可以在将鼠标移到底部边框上时更改它的颜色吗？

Answer 1

/*for the hovering over any item in the menu*/
$('li.navy').hover(
    function() {
        $(this).css("border-bottom", "2px solid #13B213"); /*green*/
    }, 
    function() {
        $(this).css("border-bottom", "2px solid #666666"); /*grey*/
    }
);

注意 .css 方法的语法

编辑:

实际上这两种语法都可以，但是 border-bottom 之后不允许有空格