Javascript 对于页面转换,jquerymobile是否有一个简单的替代方案?

Javascript 对于页面转换,jquerymobile是否有一个简单的替代方案?,javascript,Javascript,我正在寻找一个超轻的框架或代码片段,它以类似于JQM或JQTouch的方式处理-webkitcss页面转换。它们工作得很好,但我不想仅仅为了获得一些转换而添加近200kb的资源 我希望它的特点是: 一个HTML组件内的1页到页切换(divs) 2进行“翻转”和可能的“滑动”转换 有人见过这样的事吗 编辑:我希望避免同时使用jQuery。您可以在以下位置查看轻量级页面翻转jQuery: 他们在脚本中包含了很少的图像,你可以避免它们以获得更小的大小 我想这就是您使用CSS-webkit转换所寻求的

我正在寻找一个超轻的框架或代码片段,它以类似于JQM或JQTouch的方式处理
-webkit
css页面转换。它们工作得很好,但我不想仅仅为了获得一些转换而添加近200kb的资源

我希望它的特点是:

一个HTML组件内的1页到页切换(divs)

2进行“翻转”和可能的“滑动”转换

有人见过这样的事吗


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

您可以在以下位置查看轻量级页面翻转jQuery:

他们在脚本中包含了很少的图像,你可以避免它们以获得更小的大小

我想这就是您使用CSS-webkit转换所寻求的效果:

更新,找到以下内容:

看起来这家伙已经(几乎)能够将JQM的转换提取到独立脚本

受此启发,我写了一个脚本,在页面之间切换:


为我的目的提供了一种享受。

退房-太棒了,太棒了

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

它是由Adobe员工Christophe Coenraets制作的,经过了彻底的测试


仅仅为了使用CSS3转换/动画,实际上不需要JS框架。请在此查看一系列精彩的动画/过渡:

激活此类转换所需的全部内容如下:

$('#yourPAgeContainingElement').addClass('animated bounceOutLeft');
这是:基于Christophe Coenraets的新页面滑块插件-具有以下功能:

  • 使用分页滑块分页
  • 默认页面滑块操作
  • 页面浏览器
  • 完全可插入式页面滑块
  • 如果需要,可以使用pagemenu直接切换到页面

HF

你看过吗?看过!不是我想要的。是的,不是我所指的那种翻页,谢谢。你想要哪种翻页或幻灯片,你在普通jquery上得到的任何演示页面?这种翻页在移动应用程序中经常出现,例如,这更像我想要的效果,虽然我希望看到一些代码使其成为更通用的功能(用于在移动应用程序中切换页面),而不仅仅是css悬停效果。我同意您必须修改脚本以满足您的要求。您可以通过以下方式更改脚本来实现相同的效果:使用javascript将鼠标悬停到clickEffect以触发翻转效果。
$('#yourPAgeContainingElement').addClass('animated bounceOutLeft');