【问题标题】:Jquery Mobile page transitions on desktop site?桌面网站上的 Jquery Mobile 页面转换?
【发布时间】:2012-01-20 15:46:44
【问题描述】:

我想在我正在构建的常规桌面网站上使用here 的“转向”效果。我不想使用 jquery 移动库。我想知道我是否可以在桌面站点上使用带有常规超链接的常规 jquery/css3/html5 来复制这种效果。

请注意:我没有在我的网站上使用 AJAX 或 PHP。我希望一切都完全由 jQuery/CSS3/HTML/Javascript 组成。这意味着它不是一个单页网站。有一堆不同的 html 文档与超链接配对,就像传统网站一样,我想知道是否有一种方法可以使用 javascript 来预加载其他页面,以便在点击时为动画做好准备。

我正在寻找与我提供的链接相同的功能。这意味着单击时动画,返回时反向动画,并预加载页面以使其准备就绪。

提前谢谢各位!

【问题讨论】:

  • 预加载其他页面以便它们为动画做好准备将需要 AJAX,除非您在同一个 .html 页面上包含所有页面。

标签: jquery html css jquery-mobile


【解决方案1】:

http://css3playground.com/flip-card.php

该链接具有一些相同的过渡(包括转弯),但适用于较小的元素。这使用 css3 转换。我不确定 jQuery 是使用 CSS3 还是直接 javascript 来应用转换,但无论如何效果都是一样的(只是在 ie8 或更低版本上不兼容)...

并且,回复:“预加载页面,以便它们准备就绪。”这与将所有内容都放在一页上有什么区别?听起来您应该使用 PHP 模板和 include() 而不是 HTML 和 jQuery 来构建您的网站。

【讨论】:

  • jQuery Mobile 使用 CSS 类来创建它的过渡。使用的 JS 只是为了在正确的时间提示正确的类。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-16
  • 1970-01-01
  • 2012-02-25
  • 1970-01-01
相关资源
最近更新 更多