Jquery Mobile转场特效之slide
来源:互联网 发布:邢台seo外包 编辑:程序博客网 时间:2024/06/01 09:12
Jquery Mobile页面转场有诸多特效,其中slide是滑动效果,确切说是从右向左滑动,在项目中使用时,如果有从右向左滑动,那么再加上“返回”的从左向右的滑动就有更好的体验了,由于jquery mobile没有特定的从左向右滑动的关键词,下面说下这种特效的实现方式。
本来的从右向左滑动的特效的slide的写法:
<a href="#day_report_3" data-transition="slide">Next</a>
或:
$('#day_report_5').bind( 'swipeleft', function( e ) { $.mobile.changePage("#day_report_1",{transition: "slide",changeHash: true}); e.stopImmediatePropagation(); return false; } );
从左向右的slide特效的写法:
<a href="#day_report_2" data-transition="slide" data-direction=”reverse”>Next</a>
或:
$('#day_report_5').bind( 'swiperight', function( e ) { $.mobile.changePage("#day_report_4",{transition: "slide",reverse:"true",changeHash: true}); e.stopImmediatePropagation(); return false; } );
在<a> 中设置data-direction=”reverse”,在$.mobile.changePage中设置reverse:"true",这样设置后的结果是转场特效反向,也就实现了我们需要的效果了。
- Jquery Mobile转场特效之slide
- Jquery Mobile转场特效之slide
- Jquery Mobile转场特效
- jQuery特效-slide
- jquery动画之slide
- 动画特效之转场动画
- jQuery Mobile页面转场data-transition
- jQuery Mobile页面转场data-transition
- jQuery Mobile页面转场data-transition
- jquery 之隐藏展开slide用法
- jQuery之动画特效
- jQuery自定义slide方向
- jQuery自定义slide方向
- jquery mobile 页面转场或结束时有页面闪烁问题解决方法
- Android+Jquery Mobile学习系列(4)-页面转场及参数传递
- cocos2dx 3.0转场景特效
- cocos2dx 3.0转场景特效
- jQuery Mobile 组件 之 按钮
- IIS上设置301跳转,实现带参数跳转
- NSRunloop 的用法
- 解惑spring嵌套事务
- sicily--1325. Digit Generator
- 详解Win2003 IIS6.0 301重定向带参数的问题
- Jquery Mobile转场特效之slide
- 电烙铁 焊油 松香水
- 再读Practical Java [更新中]
- ubuntu 12.04更新源
- java银行业务调度系统
- 让Java代码跑得更快
- 我在各个系统所喜欢用的软件
- 【转】mipi介绍
- hdu Phone List (字典树)