您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 过渡

jQuery Mobile 过渡_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 过渡

jQuery Mobile 过渡

此节有 70 人学习过     参与评论

jQuery Mobile 包含了同意您选择页面打开方式的 CSS 效果。

jQuery Mobile 过渡效果

jQuery Mobile 拥有一系列爱拼国际如何从一页过渡到下一页的效果。

注释:如需实现过渡效果,扫瞄器必须撑腰 CSS3 3D 转换:

扫瞄器撑腰

  • Internet Explorer 10 撑腰 3D 转换(更早的版本不撑腰)
  • Opera 依旧不撑腰 3D 转换

过渡效果可应用于任意链接或通过使用 data-transition 属性进行的表单提交:

<a href="#anylink" data-transition="slide">滑动到页面二</a>

下面的表格展示了可与 data-transition 属性一同使用的可用过渡:

过渡 描述 测验
fade 默认。淡入淡出到下一页。 测验
flip 从后向前翻动到下一页。 测验
flow 抛出当前页面,引入下一页。 测验
pop 像弹出窗口那样转到下一页。 测验
slide 从右向左滑动到下一页。 测验
slidefade 从右向左滑动并淡入到下一页。 测验
slideup 从下到上滑动到下一页。 测验
slidedown 从上到下滑动到下一页。 测验
turn 转向下一页。 测验
none 无过渡效果。 测验

提示:在 jQuery Mobile 中,淡入淡出效果在一切链接上都是默认的(如果扫瞄器撑腰)。

提示:以上一切效果同时撑腰反向动作,例如,如果您希望页面从左向右滑动,而不是从右向左,请使用值为 "reverse" 的 data-direction 属性。在后退按钮上是默认的。

实例

<a href="#pagetwo" data-transition="slide" data-direction="reverse">滑动</a>

亲自试一试

如对本文有疑问,请提交到交流太阳城国际娱乐官网 手机版下载,广大热心网友会为你解答!! 点击进入太阳城国际娱乐官网 手机版下载


公布评论 (70人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换博马娱乐 百家乐
最新评论
------分隔线----------------------------
条评论
Sitemap