ホームページ > 記事 > ウェブフロントエンド > jquery Mobile の入門 — 複数のページ切り替えの学習 Examples_jquery

jquery Mobile の入門 — 複数のページ切り替えの学習 Examples_jquery

WBOYオリジナル: 2016-05-16 17:44:051517ブラウズ

1. JQuery Mobile では、要素を使用して、属性を # に設定します。

2. 複数ページ切り替えのサンプルコード :

コードをコピーコードは次のとおりです。

< ;TITLE> 新しいドキュメント

h1>JQuery Mobile

これはホームページです

>

詳細ページ

header data-role="header">

JQuery Mobile

p> ;詳細ページです

ホームページに戻る

🎜 >
;/HTML>

3. レンダリングプレビュー
:

詳細ページをクリックすると別のページに切り替わります:

4. 内部リンク

に加えて、外部リンクもあります。実装方法は、に別の rel 属性が追加される点が異なります。外部に設定次のような外部リンクを示します:

コードをコピー

コードは次のとおりです:

詳細ページ 5. アニメーション効果のあるページを切り替えるには -transition 属性にデータを追加します。例:

コードをコピー

コードは次のとおりです:

詳細ページ //ポップアップ効果のあるページを開きますslide: 右から左にスライドアニメーション効果 Pop: ポップアップ効果でページを開きます slideup: 上にスライドするアニメーション効果 slidedown: 下にスライドするアニメーション効果

フェード: グラデーションフェード効果

 フリップ: 飛び込み 
 の効果

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：javascript_javascriptスキルにおけるString.match()とRegExp.exec()の違いの説明次の記事：javascript_javascriptスキルにおけるString.match()とRegExp.exec()の違いの説明

関連記事

続きを見る