Jquery：收缩到中心并留在那里

Question

我有一个我想缩小的元素，以中心为消失点，达到一定的百分比，然后留在那里。

这非常接近：

$('canvas.intro').effect( "scale", { percent: 80 }, 700 );

但它有两个问题：不保留比例变化，并在动画结束后移动元素的位置。

这是一个显示我的意思的小提琴：

http://jsfiddle.net/72Xrc/

<小时/> 的修改

Hrm，显然这是jquery UI中的一个错误：http://bugs.jqueryui.com/ticket/4316。

任何人都可以看到scale效果的简单解决方法，或者通过通用动画灵活地实现相同效果的好方法吗？

Answer 1

因此，当点击黑框时，它应缩小到10px * 10px方框（您可以更改它）并距100px top和{{1}的距离为100px来自left（你也可以改变它）。如果这是你需要的，那么这就是解决方案。

DEMO

JS代码：

$('#test').on('click', function(){
    // Means within 4 seconds, change width, height to 10px and offsets to 100px
    $(this).animate({
        width:"10px",
        height:"10px",
        top:"100px",
        left:"100px"
    }, 4000);
});

编辑：

我在Google上进行了一些搜索，发现了thread和fiddle。最后一个答案有一个插件，可以满足您的需求！