Question

我正在寻找有关如何重新创建此功能的一些指导。它的作用是当你点击DO NOT PULL时，滚动到带有inimation的锚点按钮。你可以在这里看到它的动作。 http://photojojo.com/store/awesomeness/iphone-dot-pano-lens/

任何人都可以帮我理解这是怎么回事吗？源代码没有告诉我什么..

此致

Answer 1

参考Drew的回答，这个特定的例子不是以Flash或GIF形式完成的。

他们所做的就是将六张PNG图像叠加在一起并隐藏起来。然后，一旦发生用户交互，他们就会显示隐藏序列中的每个图像。在最后一个图像可见的情况下，然后执行页面滚动。动画完成后，序列中的最后一个图像将再次隐藏。每次点击都要重复冲洗。

Drew的滚动页面的方法可以正常工作。如果您想要缓和或其他更复杂的控制，也可以使用.animate（）方法。

Answer 2

有两种方法 - 你可以在flash中制作复杂的动画并导出为gif，或者播放flash。

然后在你的JS方面，当发生这种情况时你会设置2秒的超时 $('html').scrollTop(600); //真的可以是任何数字只是一个滚动的设定位置

所以完整的执行就像是

$('btn').click(function(){
  $('#wrapper').append("<img src='myanimation.gif' id='ani'>");
  setTimeout(scrollDown,2000);
});

function scrollDown(){
  $('html').scrollTop(600);
  $('#ani').remove();
}

重新创建photojojo的幻灯片技术

2 个答案: