jQuery动画功能

Question

下午好，小姐，

我一直在研究一个jQuery over函数，它允许你突出显示div一个预览div。

的URL：

<a class="hoverlogo" href="/cms-logo-'.$row['id'].'">Logo</a>
<div id="preview-logo"></div>

下面的jQuery：

$("a.hoverlogo").hover(
function() {
    $("#preview-logo").animate({backgroundColor: '#cccccc'});
},
function() {
    $("#preview-logo").animate({backgroundColor: '#fff'});
});

但是当我继续做几次鼠标时，动画不会停止突出显示。 当我不再使用href URL时如何停止动画？

感谢您的时间，

亲切的问候。

Answer 1

可能是这样的：http://jsfiddle.net/Z8FsU/1

$("a.hoverlogo").hover(
    function() {
        $("#preview-logo").stop()
                          .animate({
            backgroundColor: '#cccccc'
        });
    }, function() {
        $("#preview-logo").stop()
                          .animate({
            backgroundColor: '#fff'
        });
    }
);

.stop（） - 停止匹配元素上当前正在运行的动画。