我有一个元素,我想把它的中心作为消失点,缩小到一定的百分比,然后保持在那里。
这很接近:
$('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);
});
编辑:我在谷歌上搜索了一下,发现了这个帖子和这个小提琴。最后一个答案有一个插件,正是你需要的!