jquery Mobile简介-多页切换示例学习

1.在JQuery Mobile中，通过a元素切换多个页面，并将href属性设置为与#对应的id号。2.多页切换示例代码：复制代码的代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML HEAD TITLE New Document/TITLE meta name=' viewport ' content=' width=device-width， initial-scale=1 '/link href=' Css/jquery . mobile-1 . 2 . 0 . min . Css ' rel='样式表' type=' text/Css '/script src=' http : js/jquery-1 . 8 . 3 . min . js ' type ' text/JavaScript '/script script src=' http 3360 js/jquery . mobile-1 . 2 . 0 . min . js ' type=' text/JavaScript '/script Pa href=' # page1 '返回首页/a/p/div页脚数据-角色='页脚' h13i studio版权/h1/页脚/版块/BODY /HTML 3、渲染预览：。

点击详细页面会切换到另一个页面：。

4.除了内部链接，还有外部链接。实现方法与内部链接相同，只是在A中增加了另一个rel属性，属性值设置为external表示外部链接，如：复制代码的代码如下： A href=' a1 . html ' rel=' external ' detailed page/A 5。动画效果切换页面。只需在a中添加data-transition属性，例如复制代码如下： a href=' a1 . html ' rel=' external ' data-transition=' pop '详细页面/a //打开具有弹出效果的页面幻灯片：从右向左滑动的动画效果Pop:打开具有弹出效果的页面幻灯片：向上滑动的动画效果：向下滑动的动画效果：向下滑动的动画效果淡入淡出的动画效果：淡入淡出的效果。