jQuery モバイル クラシ...login
jQuery モバイル クラシック チュートリアル
著者:php.cn  更新時間:2022-04-11 13:58:34

jQueryモバイルの例



jQueryモバイルページ

基本的なモバイルWebページ
複数のページ
ダイアログボックス

インスタンスの説明


jQueryモバイルページの切り替え

フェードイン効果
背面からの反転効果前へ
の流れエフェクト
ポップアップエフェクト
スライドエフェクト
右から左にスライドしてフェードインエフェクト
下から上にスライドエフェクト
上から下にスライドエフェクト
ページめくりエフェクト
切り替えなしエフェクト
反転エフェクト

例の説明


jQueryモバイルボタン

ボタンの作成
インラインボタン
コンボボタン
戻るボタン
角丸の有無にかかわらずボタン
小さいまたは通常のサイズのボタン
影の有無ボタン

例付きで説明


jQuery Mobileボタンアイコン

ボタンにアイコンを追加
アイコンを配置
アイコンのみを表示

例付きで説明


jQuery Mobileツールバー

ヘッダーバーとトレーラーバーを作成する
ヘッダーバーにボタンを追加する
ヘッダー バーの左側にボタンを追加します
ヘッダー バーの右側にボタンを追加します
ボタン付きトレーラー バー
中央揃えボタンのあるトレーラー バー
コンボ ボタン付き フッター バー
水平コンボ ボタン付きテールバー
インライン配置 - ヘッダーとフッターバーはページコンテンツとインラインで表示されます
固定位置 - ヘッダーバーとフッターバーはページの上部と下部に固定されます
全画面位置 - ヘッダー バーとフッターバーはページの上部と下部に固定されますが、ページの上部をカバーしますページコンテンツ

例の説明


jQuery モバイルナビゲーションバー

ナビゲーションバーの作成
コンテンツ内のナビゲーションバー
フッター内のナビゲーションバー
選択された(押された)外観をナビゲーションバーのボタンに追加します
継続的に選択した(押された)外観を追加します
ナビゲーションバーにアイコンを配置します
ナビゲーションバーの10個のボタンのデモ

例を使って説明します


jQueryモバイル折りたたみブロック

折りたたみ可能なコンテンツブロックを作成します
コンテンツを展開するページの読み込み 折りたたみ可能なブロックのアイコン
折りたたみ可能なリスト
折りたたみ可能なフォーム


インスタンスの説明

jQuery Mobile Grid


2列レイアウト

3列レイアウト4列レイアウト5列レイアウト

カスタムグリッド + 読み取りの作成-only リスト

リスト項目にサムネイルを追加
HTML 要素を追加してリスト項目に情報を追加
リスト項目にアイコンを追加
分割ボタンを使用してリストを作成
リスト項目をより機能的にする
カウントバブルを作成する

リストの場合、項目作成のデフォルトのリンクアイコン

折りたたみ可能なリストカレンダーを作成


例付きで説明


jQueryモバイルフォーム

テキスト入力ボックス
テキスト入力フィールド
検索入力ボックス
ラジオボタン
チェックボックス
ラジオボタンとチェックボックスを組み合わせた水平のラジオボタンとチェックボックス
ラジオボタンとチェックボックスのあるフィールド
事前に選択されたラジオボタン/チェックボックス
作成選択メニュー
区切り線 (optgroup) を使用して選択メニューを作成
カスタム選択メニュー
選択メニューで複数のオプションを選択
結合選択メニュー
水平方向に結合された選択メニュー
事前に選択されたオプション
折りたたみ可能なフォーム
スライダー コントロールを作成
スライダー値を強調表示
トグルを作成スイッチ
事前に選択されたトグルスイッチ

例による説明


jQueryモバイルテーマ

テーマ" a"
テーマ"b"
テーマのヘッダー、コンテンツ、トレーラー
テーマダイアログ
テーマボタン
テーマアイコン
ヘッダーとトレーラーのテーマ ボタン
テーマ ナビゲーション バー
テーマの折りたたみ可能なボタンとコンテンツ
テーマ リスト
テーマ分割ボタン
テーマの折りたたみ可能なリスト
テーマ フォーム
テーマの折りたたみ可能なフォーム
カスタム テーマ

インスタンスの説明


jQuery Mobileタッチイベント

クリック(タップ)イベント
クリック&ホールド(タップホールド)イベント
スライド(スワイプ)イベント
左スワイプイベント
スワイプライトイベント
スクロールスタートイベント
スクロールストップイベント
方向変更イベント - プロンプト方向
方向変更イベント - さまざまなスタイルを設定ポートレートと風景

例を挙げて説明


PHP中国語ウェブサイト