2012-04-21 14 views
0

有没有人知道是否有一个开源算法在主屏幕上操纵对象的(x,y)坐标类似于iPhone的所有应用程序图标都在晃动的删除模式?我们试图用javascript/jquery来模拟这个,所以我们比较喜欢js中的算法,但是我想如果这个算法已经被开发出来,但是用另一种语言来说,它不会很难移植。在iphone的删除模式下晃动应用程序的算法

+0

让我看看我能不能为你想出点什么。它应该相当简单。 – 2012-04-21 01:06:28

回答

2

我记不起我的头顶究竟iPhone是如何在删除模式下晃动,但希望你可以调整下面的脚本中的值,以适应你的目的。它在元素中提供随机的X/Y移动,只要元素上有shaking类。

function randomRange(lowerRange, upperRange) { 
    return Math.floor(Math.random() * (upperRange - lowerRange + 1)) + lowerRange; 
} 

function shakeElement(elem) { 
    if ($.data($(elem)[0], "pos") === undefined) { 
     $.data($(elem)[0], "pos", { 
      top: $(elem).position().top, 
      left: $(elem).position().left 
     }); 
    } 

    if($(elem).hasClass("shaking")) { 
     $(elem).animate({ 
      top: $.data($(elem)[0], "pos").top + randomRange(-8, 8), 
      left: $.data($(elem)[0], "pos").left + randomRange(-8, 8) 
     }, 100, function() { 
      shakeElement(this); 
     }); 
    } 
} 

$(".shaking").each(function() { 
    shakeElement(this); 
}); 

这是您的工作jsFiddle demo

+0

有趣。似乎工作,但绝对不像iPhone抛光:) – 2012-04-21 01:46:39

+0

你可以玩动画的速度和divs旅行的距离来打磨它。我只是在那里扔了一些快速值,看看它是否有效。 – 2012-04-21 01:47:41

相关问题