Latest web development tutorials

例jQueryのモバイル

jQueryのモバイルページ

基本的なモバイルウェブ
複数のページ
ダイアログ

例について説明しました


jQueryのモバイルページ切替

フェード効果
リアフリップ効果から前方
フロー効果
ポップ効果
効果をスライディング
右から左にスライドし、効果をフェード
下から効果をスライドトップへ
上から下への影響をスライディング
フリップ効果
いいえトランジション効果はありません
逆効果

例について説明しました


jQueryのモバイルボタン

ボタンを作成します。
インラインボタン
ボタンの組み合わせ
[戻る]ボタン
フィレットまたはと角の丸いボタン
小さなまたはレギュラーサイズボタン
影の影の有無にかかわらず、ボタン

例について説明しました


jQueryのモバイルボタンアイコン

ボタンにアイコンを追加します。
場所アイコン
アイコンだけを表示します

例について説明しました


jQueryのモバイルツールバー

カラムヘッドとテールバーを作成します。
ヘッダーバーにボタンを追加します。
左の列の先頭にボタンを追加します。
頭欄の右側にあるボタンを追加
リアバーボタン付き
ボタンでリアバーの位置を合わせます
ボタンの組み合わせとテールバー
ボタンの水平方向の組み合わせでテールバー
インラインポジショニング-バーヘッドとテールの列とページコンテンツをインライン
固定された位置決め-バーヘッドとテールバーは、ページの最上部と底部に固定します
フルスクリーンポジショニング-バーヘッドとテールバーがページの上部と下部に固定されますが、ページの内容をカバーします

例について説明しました


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

ナビゲーションバーを作成します。
コンテンツナビゲーションバー
テールナビゲーションバー
ナビゲーションバーにボタンを追加しますが選択されている(押された)外観
選択された(押された)外観を追加し続け
ナビゲーションバーのアイコン
ナビゲーションバーのデモで10個のボタン

例について説明しました


jQueryのモバイル折りたたみ可能なブロック

折りたたみコンテンツブロックを作成
ページのロード時にコンテンツを展開します
ネストされた折りたたみ可能なブロック
折り畳み式のコレクション
上の丸みを帯びた折りたたみ可能なブロックをキャンセル
折りたたみ可能なブロックを小さくしてみましょう
アイコン折りたたみ可能なブロックを変更
折りたたみ一覧
折りたたみフォーム

例について説明しました


jQueryのモバイルグリッド

二つのレイアウト
三つのレイアウト
フォーレイアウト
ファイブレイアウト
カスタムグリッド
複数行でアウト

例について説明しました


jQueryのモバイル一覧

リストビューを作成します。
角の丸いリスト表示
区切りのリスト
自動分離
検索フィルタを作成します。
検索ボックスにテキストを変更
読み取り専用のリストを作成します。
アイテムのサムネイルをリストに追加
情報で満たされたHTML要素、リスト項目を追加します。
アイテムを一覧表示するアイコンを追加します。
スプリットボタンでリストを作成します。
より機能的なアイテムのリストを作成します
バブルカウントを作成します。
デフォルトのリスト項目のリンクアイコンを作成します。
折りたたみ一覧
カレンダーを作成します。

例について説明しました


jQueryのモバイルフォーム

テキスト入力ボックス
テキスト入力フィールド
検索入力ボックス
ラジオボタン
チェックボックス
水平組み合わせのラジオボタンやチェックボックス
ラジオボタンやチェックボックスとフィールドコンテナ
事前選択のラジオボタン/チェックボックス
選択メニューを作成します。
のパーティション(OPTGROUP)で選択メニューを作成します。
カスタム[メニュー]
選択メニューで複数のオプションを選択します
ポートフォリオ選択メニュー
ポートフォリオ選択のメニューレベル
事前に選択されたオプション
折りたたみフォーム
スライダコントロールを作成します。
ハイライトハイライトスライダ値
トグルスイッチを作成します。
事前選択トグルスイッチ

例について説明しました


jQueryのモバイルテーマ

テーマの「a」
トピック「B」
テーマヘッドとテールコンテンツ
テーマダイアログ
トピックスボタン
テーマアイコン
テーマボタンの頭と尾
トピックナビゲーションバー
トピック折りたたみ可能なボタンやコンテンツ
トピックリスト
トピック分割ボタン
トピック折りたたみ一覧
テーマフォーム
トピック折りたたみ可能なフォーム
カスタムテーマ

例について説明しました


jQueryのモバイルタッチイベント

クリック(タップ)のイベント
(Taphold)イベントをクリックし、ホールド
スライド(スワイプ)イベント
左スワイプ(Swipeleft)イベント
右にスワイプ(Swiperight)イベント
スクロール開始(Scrollstart)イベント
スクロールエンド(Scrollstop)イベント
方向の変更(Orientationchange)イベントが-方向を促しました
方向(Orientationchange)イベントの変更-肖像画や風景などが異なるスタイルを設定します

例について説明しました