昨天下午,我在网上浏览了一遍,没有找到我认为自己需要的东西,于是我想向社区征求意见。我有一个特定的交互,我正在尝试原型,并猜测有一个插件,我可以使用,而不是从头开始,但无法找到它。
相互作用是一种长时间的水平揭示和滑动。这个应用程序打开时有一个div可见。用户向右滑动或单击,第一个div向左滑动(但不完全离开屏幕),第二个div将逐渐消失并移动到第一个div所在的空间中。交互继续进行,因为有很多窗格(对于这个原型,我们有五个层次的深度)。用户可以随意地回退--我计划通过点击可视div的左右两边来显示这一点,因为设计中显示了一个大的灰色条形图,两边都有一个箭头在褪色。向后移动“向上”与“向下”相反
此演示/原型不需要触摸。
根据要求,这里有一个草图:
发布于 2012-03-15 18:43:44
我想我要试一试原型。尺寸很小,因为它在弹琴里,但是你可以扩展结果窗口,如果你愿意的话可以改变尺寸。我只在Chrome上测试了它,它使用了大量的CSS3:
http://jsfiddle.net/TdAhm/4/
这是截图。为什么不行?我觉得它和素描很般配。我有点搞不懂你是否真的希望之前的div被压扁,而不是只是重叠。这似乎不可取,因为div中的内容可能会被破坏,但它是可行的。
发布于 2012-03-15 16:06:28
这似乎是一段相当复杂的代码
查看链接.animate函数使其发生
很难想象你到底想做什么.一旦您通过使用jquery获得了女性空间,我相信您应该能够解决这个问题。
使用.animate,回调函数,或者.queue
我无法提供比第一次谷歌结果更能找到的费用,因为它太复杂了。
如果这对你没有帮助的话,你应该喜欢马特·赛义德,把它画出来,试着把它弄清楚
发布于 2012-03-15 16:12:59
很难给出答案,但据我所知,你可以看看
jQuery工具可滚动
相互作用
Nivo滑翔机
我正在开发(可能)类似的东西。看看本站 (我还在开发)。
希望这能帮到你。
https://stackoverflow.com/questions/9723281
复制相似问题