滑动过渡animatio之间的两个网页

，比如我有几个网页滑动过渡animatio之间的两个网页

我怎么可以点击1.html到2.html

然后1.html幻灯片幻灯片从right链接到左和2.html loada和？

就像这样的效果：

https://delicious.com/join

和GitHub的项目以及

https://github.com/CyanogenMod/android_packages_apps_Settings

有没有浏览器刷新眨眼

和URL也发生了变化。

它使用的是jquery？

我必须使用mvc php framework或rails构建site？

我该如何创建webpage这样的？

任何open source project或范例code为什么？

来源

2013-05-03 jk jk

试试谷歌它.. – Dineshkani 2013-05-03 09:15:25

如果你问的是如何做动画，那么JQuery是负责它的人。

您可以检查此链接以供参考：

Downloads
Demo

或者你可以尝试在互联网上其他搜索，只需键入“花式滑动表单”

其实这一切都取决于你的网页设计师/开发者如何实现这个Jquery。只需阅读文档。

神速！

来源

2013-05-03 09:14:33 EzekielMySon

谢谢你的答案。但我正在寻找不同网页之间的中转，必须更改网址 – 2013-05-03 09:15:20

您可以尝试检查作者发布在第一个链接上的该插件的代码。因为我认为它不会滑动到最初隐藏的另一个元素，而是尝试对其进行配置并将其替换为诸如url之类的元素。我不太确定因为我还没有测试过它，我不喜欢滑动幻想形式（对不起^^）。但如果可能的话，我会稍后尝试做一些事情。也许做更多的研究，因为它可能无法正常工作。 – EzekielMySon 2013-05-03 09:23:30

最近我面临的挑战是开发轻量级web应用程序，所以我使用最少量的jQuery，因为在移动设备中查看时，无法保证流畅的行为。所以我选择了硬件加速的CSS转换。您可以将网页内容放入两个div中，并动态添加和删除类以查看此效果。

/* CSS */ 
.page-one { 
    width: 100%; 
    -webkit-transform : translateX(0px); 
    height:100%; 
    position: fixed; 
    background-color: #fff; 
    color : #6B6B77; 
    box-shadow: -3px 3px 3px #ddd; 
    overflow: auto; 
} 

.page-one.invisible { 
    -webkit-transform: translateX(-100%); 
} 

.page-one, 
body { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
} 

.page-two { 
    -webkit-transform: translateX(100%); 
} 

.page-two.visible { 
    -webkit-transform: translateX(0px); 
} 

.page-two, 
body { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
}

来源

2015-02-26 06:04:07 Sareskaph

滑动过渡animatio之间的两个网页

回答

相关问题