我有一个需要交互的元素网格。单击其中一个 div 时,它会变大。对于大多数从右下 Angular “增长”一个 div 的元素是可以接受的:

$(.my-div).animate({ width: "379px", height: "204px" });

但是,在某些情况下,从右下 Angular “增长”不适用于应用程序的其余部分。

例如,我可能需要从右上 Angular 开始增长。有任何想法吗?我喜欢将动画设置为新的宽度/高度的简单性,但我不确定它是否可以实现除了从右下 Angular 拖动之外的效果。

提前致谢 :)

最佳答案

有几种方法可以做到,或者使用您提到的 jQuery 动画,或者使用 CSS 转换。他们看起来像

.child.clicked {
  height: 100px;
  width: 300px;
  transition: width 2s, height 2s;
-moz-transition: width 2s, height 2s;
-webkit-transition: width 2s, height 2s;
-o-transition: width 2s, height 2s;
}

或者
  $('.child2').click(function() {
  $(this).animate({
    width: ['300px', 'swing'],
    height: ['100px', 'swing']
      }, { duration: "slow", easing: "easein" });
  });

这是一个玩 http://jsbin.com/uxicil/1/edit 的例子

有许多缓动属性和需要调整的东西,直到你完全按照你想要的方式得到它。

关于jquery - 从右上 Angular 增长div?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14654348/

10-11 12:06