jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )...-白红宇

jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )...

阅读量：5951 次

发布时间：2019-06-19

本文共 1831 字，大约阅读时间需要 6 分钟。

1.页面切换（data-transition）

地址：http://api.jquerymobile.com/data-attribute/

data-transition

褪色 | |翻转||流流行幻灯片| | | slidedown | slidefade | slideup | |没有转

实现多页面间跳转动态效果

示例：

1  2  3  4 
      5 
     
      6 Examples 7  8  9 
     10 11 12 
     
      13     
      
       14     
       15     
       16     
       头部
17     
      
18     
      19     
      
       20     
       跳转到第二个页面
       21     
      
22     
      
       23     
       这是底部
24     
      
25 
     
26 
     
      27     
      
       28     
       29     
       30     
       头部
31     
      
32     
      33     
      
       34     
       跳转到第一个页面35     
      
36     
      
       37     
       这是底部
38     
      
39 
     
40 41

注：

跳转到第二个页面 在a标签内设定另外一个页面的链接，用data-transition="slide"属性设定页面切换的动态效果

data-position="fixed"可以使无论中间多少内容，顶部和底部始终悬浮于窗口上，不消失，单机后消失。 data-position示例：

1  2  3  4 
      5 
     
      6 Examples 7  8  9 
     10 11 12 
     
      13     
      
       14     
       15     
       16     
       头部
17     
      
18     
      
       19     
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
       asd
20     
      
21     
      
       22     
       这是底部
23     
      
24 
     
25 26