【问题标题】:JavaScript animation like iPhone application starting类似 iPhone 应用程序启动的 JavaScript 动画
【发布时间】:2011-11-15 17:38:11
【问题描述】:

iDevices(如:iPhone、iPad、iPod touch)有有趣的动画。 当任何应用程序启动时 - 有 2 个动画步骤: - 从主屏幕上消失所有应用程序图标 - 并在屏幕上出现执行的应用程序

有人在浏览器中看到这个动画吗? ?通过 JS,也许是一些插件(用于 jQuery?)?

动画的第二部分几乎清楚如何制作,但第一部分的动画不是简单的任务,也许有什么现成的解决方案?

谢谢。

附:而且我不想将它应用于任何图片库或类似的东西。它将在 web-app 中使用

P.P.S.我和这个人想要的 jquery: iphone like animation? 一样,但他没有得到任何正确的答案:(

【问题讨论】:

  • 我看不到动画。
  • jQuery 不是插件。而且我认为您无论如何都不需要插件,除非您认为坚持所有用户都安装插件是合理的? (提示:这不合理。)
  • 来吧,伙计们。例如,如果您有一部 iPhone,在其上运行任何应用程序,您将看到屏幕上的所有图标是如何消失的,以及您执行的应用程序是如何出现的。当我指的是插件时,指的是任何框架的插件——例如 jQuery。
  • 抱歉,我误解了“插件”的意思。 (您的编辑清楚地表明了这一点。)虽然我们中似乎没有多少人拥有 iPhone - 我当然没有 - 但也许 jQuery explode 效果更接近您正在寻找的东西?
  • 嗯,也许你是对的!非常感谢这个,我会更多地关注这个效果。这种影响至少有一部分已经建立。谢谢

标签: javascript jquery iphone core-animation jquery-animate


【解决方案1】:

这些物品是如何消失的?它们是如何重新出现的?换句话说,动画应该是什么样的?您需要提供更多详细信息才能获得最佳答案。

也就是说,一般来说,使用 jQuery 来做这件事是微不足道的:

$('.app').fadeOut(1000, function() {
  $('#newApp').fadeIn(1000);
});

其中 .app 是需要淡出的元素,#newApp 是将替换它们的应用界面。

示例:http://jsfiddle.net/GregP/fg54C/

您也可以为尺寸设置动画(缩小它们然后使其不可见)...您可以做很多事情。

【讨论】:

  • 这就是我要说的。我需要的效果不是淡入/淡出,而是另一种效果,它是什么?我不知道...如果您从未在真实设备上看到过此内容(例如:iPhone、iPod touch、iPad),那将很难解释。
  • 如上所述,有两个步骤。我似乎在这里找到了其中一个步骤razorjack.net/quicksand/demos
  • 我们中的一些人在 JavaScript 方面具有相当的技能,但不一定有 iPhone。由您来描述问题,我们可以提供解决方案。您要求的是首先帮助描述问题,然后帮助解决问题。找个视频。制作视频。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-19
  • 1970-01-01
  • 1970-01-01
  • 2011-06-23
  • 1970-01-01
相关资源
最近更新 更多