javascript - 重现photojojo的幻灯片技术

标签 javascript jquery

我正在寻找一些有关如何重新创建此功能的指导。它的作用是,当您单击“请勿拉动”时,滚动到带有动画的 anchor 按钮。你可以在这里看到它的 Action 。 http://photojojo.com/store/awesomeness/iphone-dot-pano-lens/

谁能帮我理解这是怎么发生的?源代码没有告诉我什么..

问候

最佳答案

引用 Drew 的回答,这个特定示例不是以 Flash 或 GIF 形式完成的。

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

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

关于javascript - 重现photojojo的幻灯片技术,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9103333/

相关文章:

javascript - JS/jQuery 函数仅重复触发一次

javascript - 一个类的多个事件监听器

javascript - 在 chrome 扩展中使用 html5 blob 下载 mp3 文件

jquery - 所有字段均可使用 jeditable 同时编辑

Javascript 子字符串不返回正确的字符串

javascript - 如何使自定义登录按钮工作

javascript - 如何将两个单选按钮的输入分配给单个字段?

javascript - 按数据一键激活5键

javascript - 在 React Helmet/Gatsby 中插入自定义脚本

javascript - 如何附加 json 并使用 ajax(可观察数组)显示结果