第1章(HTML5) - jQuery Mobileサンプル

HTML4



このサンプルについて

このサンプルは書籍に掲載されているリストの動作を示すための参考資料です。それ以外の用途は想定しておらず、エラー対策、セキュリティ対策などは考慮されていません。また、これに収録されているサンプルは書籍に掲載されているものの一部であり、構成の都合上、改変している箇所があります。あしからずご了承ください。

トップ

ヘッダ

設定

リスト1-3、リスト1-4

HTML4 | HTML5

ヘッダ

リスト1-6

コンテンツ

HTML4 | HTML5

リスト1-12

jQuery Mobileのページ

ダイアログを開く

HTML4 | HTML5

ヘッダ

jQuery Mobileのダイアログ

リスト1-15、リスト1-16

jQuery Mobileのページ

ポップアップを表示
ポップアップで画像を表示

HTML4 | HTML5

リスト1-18、リスト1-19

1ページ目
2ページ目
3ページ目

HTML4 | HTML5

1ページ目

1ページ目のコンテンツ

ページ2へ

2ページ目

2ページ目のコンテンツ

ページ3へ

3ページ目

3ページ目のコンテンツ

ページ1へ

リスト1-22

1ページ目
2ページ目

HTML4 | HTML5

ページ1のヘッダ

ページ2へ

ページ1のコンテンツ

ページ2のヘッダ

ページ2のコンテンツ

リスト1-24~リスト1-26

リスト1-24

jQuery Mobile

jQuery Mobile

jQuery Mobile

リスト1-25

jQuery Mobile

jQuery Mobile

jQuery Mobile

リスト1-26

テーマ'a'のブロック

テーマ'd'のブロック

HTML4 | HTML5

リスト1-27

2等分するグリッド (ui-grid-a)

ブロックA
ブロックB

3等分するグリッド (ui-grid-b)

ブロックA
ブロックB
ブロックC

4等分するグリッド (ui-grid-c)

ブロックA
ブロックB
ブロックC
ブロックD

5等分するグリッド (ui-grid-d)

ブロックA
ブロックB
ブロックC
ブロックD
ブロックE

1行全体に表示されるグリッド (ui-grid-solo)

ブロックA

HTML4 | HTML5