我有一个要缩小的元素,以中心为消失点,缩小到一定比例,然后保持不变。
这非常接近:
$('canvas.intro').effect( "scale", { percent: 80 }, 700 );
但是它有两个问题:缩放比例不能保留,动画结束后元素的位置也会移动。
这是一个小提琴,显示了我的意思:
嗯,显然这是jquery UI中的错误:http ://bugs.jqueryui.com/ticket/4316 。
谁能看到简单的变通办法scale
,或者是通过通用动画以灵活的方式实现相同效果的好方法?
所以,当单击黑盒子的时候,它应该缩到10px * 10px
方箱(可以更改),并在距离100px
从top
和100px
从left
(你可以改变也)。如果这是您所需要的,那么这就是解决方案。
$('#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);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句