【问题标题】:Animate person jumping with jQuery用 jQuery 动画人跳跃
【发布时间】:2011-03-25 19:47:28
【问题描述】:

您能否制作一个人从屏幕底部跳到屏幕顶部的动画,并让滚动条跟随人跳?我很确定这是不可能的,但我以前错了。

这是我所描述内容的 pdf 链接。

http://docs.google.com/fileview?id=0B-nXtGvomnuqNzE4MjdjMWMtNzA5NC00NGZiLTg2YmItNjJmNGY0YjQ5MTM0&hl=en&authkey=CO_RnYAG

【问题讨论】:

  • 您是否只是尝试拍摄静态图像并更改图像的左上角值?我认为答案在很大程度上取决于您对它的工作方式的设想。
  • 我设想有人单击该链接,然后它将取消隐藏上面的内容并跟随该人跳到该位置。然后隐藏下面的内容。

标签: jquery html css animation


【解决方案1】:

当然这是可能的,在 jQuery 中应该/可以完成多少是另一回事,无论如何,这就是你可以做的:

  • 创建多个 PNG 图像,人物处于不同的动画位置。
  • 预加载这些图片。
  • 使用 document.body.scrollTop 滚动文档。
  • 使用 jQuery 的 animate() 或类似的方法通过某种弹性缓动来移动花花公子,但不确定哪一个最适合。

但不确定这会有多好/顺利。

【讨论】:

  • 我不认为 document.body.scrollTop 是我们正在寻找的......这不会超过跳线吗?我认为将某种 scrollTo 设置为比他的头顶高 50px 并且会跟随他会更有意义。这可能吗?让我知道你的想法。
【解决方案2】:

一个很好的例子:

http://www.dontcodetired.com/live//jQueryLiveExamples/bouncingball.htm

几乎看起来像是在跳跃,但后来却颠倒了。不过,它应该会给你一个先机。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多