首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >关于旋转木马或相关的<div>点击和动画交互的建议

关于旋转木马或相关的<div>点击和动画交互的建议
EN

Stack Overflow用户
提问于 2012-03-15 15:47:52
回答 3查看 243关注 0票数 2

昨天下午,我在网上浏览了一遍,没有找到我认为自己需要的东西,于是我想向社区征求意见。我有一个特定的交互,我正在尝试原型,并猜测有一个插件,我可以使用,而不是从头开始,但无法找到它。

相互作用是一种长时间的水平揭示和滑动。这个应用程序打开时有一个div可见。用户向右滑动或单击,第一个div向左滑动(但不完全离开屏幕),第二个div将逐渐消失并移动到第一个div所在的空间中。交互继续进行,因为有很多窗格(对于这个原型,我们有五个层次的深度)。用户可以随意地回退--我计划通过点击可视div的左右两边来显示这一点,因为设计中显示了一个大的灰色条形图,两边都有一个箭头在褪色。向后移动“向上”与“向下”相反

此演示/原型不需要触摸。

根据要求,这里有一个草图:

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-15 18:43:44

我想我要试一试原型。尺寸很小,因为它在弹琴里,但是你可以扩展结果窗口,如果你愿意的话可以改变尺寸。我只在Chrome上测试了它,它使用了大量的CSS3:

http://jsfiddle.net/TdAhm/4/

这是截图。为什么不行?我觉得它和素描很般配。我有点搞不懂你是否真的希望之前的div被压扁,而不是只是重叠。这似乎不可取,因为div中的内容可能会被破坏,但它是可行的。

票数 2
EN

Stack Overflow用户

发布于 2012-03-15 16:06:28

这似乎是一段相当复杂的代码

查看链接.animate函数使其发生

很难想象你到底想做什么.一旦您通过使用jquery获得了女性空间,我相信您应该能够解决这个问题。

使用.animate,回调函数,或者.queue

我无法提供比第一次谷歌结果更能找到的费用,因为它太复杂了。

如果这对你没有帮助的话,你应该喜欢马特·赛义德,把它画出来,试着把它弄清楚

票数 0
EN

Stack Overflow用户

发布于 2012-03-15 16:12:59

很难给出答案,但据我所知,你可以看看

jQuery工具可滚动

相互作用

Nivo滑翔机

我正在开发(可能)类似的东西。看看本站 (我还在开发)。

希望这能帮到你。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9723281

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档