1

例如我的网页很少

我怎样才能点击链接1.html到2.html

然后1.html向左2.html滑动并加载并从right?

就像这样的效果：

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吗？

4

2 回答 2

2

如果您要问的是如何制作动画，那么 JQuery 就是负责它的人。

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

下载
演示

或者您可以尝试在互联网上进行其他搜索，只需输入“Fancy Sliding Forms”

实际上，这完全取决于您的网页设计师/开发人员如何实现该 Jquery。只需阅读文档。

神速！

于 2013-05-03T09:14:33.783 回答
1

最近我面临的挑战是开发轻量级的 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-26T06:04:07.213 回答