jQuery:缩小以居中并留在那里

麦蒂森

我有一个要缩小的元素,以中心为消失点,缩小到一定比例,然后保持不变。

这非常接近:

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

但是它有两个问题:缩放比例不能保留,动画结束后元素的位置也会移动。

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

http://jsfiddle.net/72Xrc/


编辑

嗯,显然这是jquery UI中的错误:http ://bugs.jqueryui.com/ticket/4316

谁能看到简单的变通办法scale,或者是通过通用动画以灵活的方式实现相同效果的好方法?

高朗·丹顿(Gaurang Tandon)

所以,当单击黑盒子的时候,它应该缩到10px * 10px方箱(可以更改),并在距离100pxtop100pxleft(你可以改变也)。如果这是您所需要的,那么这就是解决方案。

演示

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上进行了一些搜索,发现了这个线程和这个小提琴最后一个答案有一个插件,可以满足您的实际需求!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SSH:远程运行脚本并留在那里

来自分类Dev

jQuery找不到某些元素,即使它们在那里

来自分类Dev

在屏幕外对对象进行动画处理并将其保留在那里

来自分类Dev

重新绘制窗口后,为什么角色的阴影仍保留在那里?

来自分类Dev

将Circle放置在框的顶部并停留在那里(响应)

来自分类Dev

如何在Bash中在终端窗口的底部显示文本,并使其停留在那里?

来自分类Dev

Firefox上下文菜单不会消失并停留在那里

来自分类Dev

移动重定向,然后想要返回到桌面版本并保留在那里。

来自分类Dev

根据输入框是否为空并留在那里进行动画处理?

来自分类Dev

如何使用 mottie 键盘输入美分并将它们保留在那里?

来自分类Dev

无法自动布局以使两个按钮并排留在那里

来自分类Dev

在 Scroll 上移动 Divs 然后留在那里(水平粘滞条)

来自分类Dev

Aapt失踪,但在那里

来自分类Dev

我收到FileNotFoundException但文件在那里

来自分类Dev

杀死#### 但进程还在那里?

来自分类Dev

删除函数,而不是使用弃用的注解使其保留在那里是一种好习惯吗?

来自分类Dev

我该如何仅将插入和修改插入文件中而将未修改的行留在那里?

来自分类Dev

如何在屏幕上移动某些东西而没有其他图片停留在那里

来自分类Dev

SourceTree树视图在那里,但现在消失了

来自分类Dev

找不到类型或名称空间,但在那里

来自分类Dev

Android Dagger 2在那里时要求@Provides

来自分类Dev

为什么函数ls {ls; }挂在那里?

来自分类Dev

'ld:找不到用于建筑的符号???' 即使在那里

来自分类Dev

即使UINavigation栏在那里,UIViewController的内容也不会显示

来自分类Dev

Devise无法检测到:omniauthable,但是它在那里

来自分类Dev

java NoClassDefFoundError但类在那里并且可用

来自分类Dev

无法从列表中删除项目,但显然在那里

来自分类Dev

输入没有数据错误,但数据在那里

来自分类Dev

为什么不在那里调用普通函数?

Related 相关文章

  1. 1

    SSH:远程运行脚本并留在那里

  2. 2

    jQuery找不到某些元素,即使它们在那里

  3. 3

    在屏幕外对对象进行动画处理并将其保留在那里

  4. 4

    重新绘制窗口后,为什么角色的阴影仍保留在那里?

  5. 5

    将Circle放置在框的顶部并停留在那里(响应)

  6. 6

    如何在Bash中在终端窗口的底部显示文本,并使其停留在那里?

  7. 7

    Firefox上下文菜单不会消失并停留在那里

  8. 8

    移动重定向,然后想要返回到桌面版本并保留在那里。

  9. 9

    根据输入框是否为空并留在那里进行动画处理?

  10. 10

    如何使用 mottie 键盘输入美分并将它们保留在那里?

  11. 11

    无法自动布局以使两个按钮并排留在那里

  12. 12

    在 Scroll 上移动 Divs 然后留在那里(水平粘滞条)

  13. 13

    Aapt失踪,但在那里

  14. 14

    我收到FileNotFoundException但文件在那里

  15. 15

    杀死#### 但进程还在那里?

  16. 16

    删除函数,而不是使用弃用的注解使其保留在那里是一种好习惯吗?

  17. 17

    我该如何仅将插入和修改插入文件中而将未修改的行留在那里?

  18. 18

    如何在屏幕上移动某些东西而没有其他图片停留在那里

  19. 19

    SourceTree树视图在那里,但现在消失了

  20. 20

    找不到类型或名称空间,但在那里

  21. 21

    Android Dagger 2在那里时要求@Provides

  22. 22

    为什么函数ls {ls; }挂在那里?

  23. 23

    'ld:找不到用于建筑的符号???' 即使在那里

  24. 24

    即使UINavigation栏在那里,UIViewController的内容也不会显示

  25. 25

    Devise无法检测到:omniauthable,但是它在那里

  26. 26

    java NoClassDefFoundError但类在那里并且可用

  27. 27

    无法从列表中删除项目,但显然在那里

  28. 28

    输入没有数据错误,但数据在那里

  29. 29

    为什么不在那里调用普通函数?

热门标签

归档