这是首页
Maison >interface Web >js tutoriel >jquery Mobile入门—多页面切换示例学习_jquery
jquery Mobile入门—多页面切换示例学习_jquery
- WBOYoriginal
- 2016-05-16 17:44:051554parcourir
1、在JQuery Mobile中，多个页面的切换是通过元素、并将
2、多页面切换示例代码：
复制代码 代码如下:
3、效果图预览：
点击详细页将切换到另一页：
4、除了内链接外，还有外链接，实现方法与内链接相同，只是在中增加了另外一个rel属性，并将该属性值设为external表示外链，如：
复制代码 代码如下:
5、动画效果切换页面，只需在中添加data-transition属性，如：
复制代码 代码如下:
slide：从右到左滑动的动画效果
pop：以弹出的效果打开页面
slideup：向上滑动的动画效果
slidedown：向下滑动的动画效果
fade：渐变褪色的效果
flip：飞入的效果
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：javascript 中String.match()与RegExp.exec()的区别说明_javascript技巧Article suivant：javascript 系统文件夹文件操作及参数介绍_javascript技巧
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript