缩小到中间并停留在那里

Jquery: Shrink to center and stay there

本文关键字：停留在 在那里 停留 中间 缩小      更新时间：2023-09-26

我有一个元素，我想把它的中心作为消失点，缩小到一定的百分比，然后保持在那里。

这很接近:

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

但是它有两个问题:比例变化没有保留，动画结束后元素的位置发生了移位。

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

http://jsfiddle.net/72Xrc/

编辑

嗯，显然这是jquery UI: http://bugs.jqueryui.com/ticket/4316中的一个bug。

任何人都可以看到一个简单的解决方案的scale效果，或一个很好的方法来实现相同的灵活的方式与通用动画?

因此，当点击黑框时，它应该缩小为10px * 10px方框(您可以更改)，并且100px与top的距离和100px与left的距离(您也可以更改)。如果这是你需要的，那么这就是解决方案。

演示

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);
});
编辑:

我在谷歌上搜索了一下，发现了这个帖子和这个小提琴。最后一个答案有一个插件，正是你需要的!

相关文章：