Jquery 具有从中心缩放的div的可重复事件

我无法使鼠标悬停事件重复。这意味着每次鼠标悬停时，都会触发一个新实例，并一直持续到完成

我也无法使它从中心缩放

---

这是我的工作示例

您必须将精灵设置回其原始css值。它是隐藏的，因此您正在重新运行动画，但无法看到它。您希望使用动画的回调将所有内容设置回默认值

​或者，如果您希望能够一次触发多个，请克隆原始版本

使用回调来删除触发的克隆，这样就不会使DOM过载

$("#header").mouseover(function() {
    var $shineCopy = $("#shine").clone();
    $shineCopy.appendTo('body').animate({
        width: "300px",
        height: "300px",
        opacity: 0
    }, 3000, function() {
        $(this).remove();
    });
});​

---

您必须将精灵设置回其原始css值。它是隐藏的，因此您正在重新运行动画，但无法看到它。您希望使用动画的回调将所有内容设置回默认值

​或者，如果您希望能够一次触发多个，请克隆原始版本

使用回调来删除触发的克隆，这样就不会使DOM过载

$("#header").mouseover(function() {
    var $shineCopy = $("#shine").clone();
    $shineCopy.appendTo('body').animate({
        width: "300px",
        height: "300px",
        opacity: 0
    }, 3000, function() {
        $(this).remove();
    });
});​