jQuery Mobile 过渡
jQuery Mobile 包� CSS3 效果让您选择页�打开的方�。
jQuery Mobile 页�切�效果
jQuery Mobile �供了��页�切�到下一个页�的效果。
注�:为了实现页�切�效果,�览器必须支� CSS3 3D 切�:
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
è¡¨æ ¼ä¸çš„æ•°å—为支æŒ� 3D 旋转的最å°�æµ�览器版本å�·ã€‚
页�过渡效果�被应用于任何使用 data-transition 属性的链接或表�:
页�切�效果�被应用于任何使用 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 属性。在�退按钮上这是默认的。
实例
�试一下 »
点我分享笔记