有没有一种简单的替代jQueryMobile的方法，只用于页面转换

Is there a light alternative to jQuery Mobile for just page transitions?

本文关键字：方法 jQueryMobile 只用于 转换 简单 一种 有没有      更新时间：2023-09-26

我正在寻找一个ULTRA light框架或代码段，它以类似于JQM或JQTouch的方式处理-webkit css页面转换。它们工作得很好，但我不想仅仅为了过渡而增加近20亿的资源。

我希望它的特点：

1在单个HTML doucment中进行页到页切换（div）。

2做一个"翻转"和可能的"滑动"过渡。

有人见过这样的东西吗？

编辑：我希望避免同时使用jQuery。

更新，发现这个：

http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/

看起来这家伙已经能够（几乎）提取JQM到独立脚本的转换。。

受此启发，我写了这个在页面之间翻页的脚本：http://jsfiddle.net/AAfek/47

Use document.querySelector or querySelectorAll instead of using document.all.tags

对我来说是一种享受。。

退房https://github.com/dgileadi/zepto-page-transitions-太棒了，太棒了！

PageSlider.js是一个非常轻量级的迷你库，用于处理单页应用程序中的页面转换。

它是由Adobe员工Christophe Coenraets制作的，它对进行了非常彻底的测试

https://github.com/ccoenraets/PageSlider

这里是：https://github.com/linslin/pagingSlider一个新的页面滑块插件基于Christophe Coenraets-带有一些功能，如：

  • 使用分页滑块进行分页
  • 默认页面滑块操作
  • 页面浏览器
  • 像pageSlider一样完全可插入
  • 如果需要，可以使用pagemenu直接切换到页面

HF

U可以在以下位置查看轻量级页面翻转jquery：http://tympanus.net/codrops/2010/12/14/moleskine-notebook/

他们在脚本中包含的图像很少，你可以避免它们，以获得更小的尺寸。

我想这就是你正在寻找的效果使用CSS-webkit转换：

webkit动画的翻转效果

实际上不需要有一个JS框架来使用CSS3转换/动画。请在此处查看一系列出色的动画/过渡：https://daneden.me/animate/

你只需要激活这样一个转换：

$('#yourPAgeContainingElement').addClass('animated bounceOutLeft');
相关文章：