本書分為三個部分。第 一部分介紹HTML5各方面的知識點，重點介紹繪圖、音頻和視頻、新型表單等；第 二部分介紹CSS樣式各屬性的設置和使用方法，重點介紹CSS 3.0中新增的相關屬性以及CSS動畫的制作方法；第三部分介紹了jQuery Mobile的相關知識，并通過實用案例講解了綜合運用HTML5、CSS 3和jQuery Mobile開發移動應用的方法和技巧。
1.內容全面
本書內容全面，基本包括了HTML 5、CSS 3和jQuery Mobile的各個方面知識。
2.以實例為中心
脫離單純的知識點講解，通過150個實例與知識點相結合的方式進行講解，生動、貼切地詮釋了知識點在實際工作中的應用。
3.語言簡潔流暢
本書語言流暢、圖文并茂。書中以大量的實例講解在實際移動應用開發中的制作方法和技巧，避免了枯燥無味的說教。
4.視頻輔助教學
600分鐘配套視頻，將實例的制作與教學視頻相結合，使得枯燥的內容更加容易理解。
本書作者編寫過多本設計類、前端開發類暢銷圖書，包括《7天精通Photoshop CS6 UI交互設計》、《網站用戶體驗設計全程揭秘》、《中文版Photoshop CS6完全自學一本通》等，重印多次，深受讀者好評。
第一篇 HTML5基礎
第1章 HTML和HTML5基礎 2
1.1 HTML基礎 2
1.1.1 什么是HTML 2
1.1.2 HTML的主要功能 3
1.1.3 HTML的編輯環境 3
1.1.4 認識Dreamweaver中的代碼工具 4
1.2 HTML5基礎 6
1.2.1 HTML5概述 6
1.2.2 HTML5的優勢 6
1.3 認識HTML5 7
1.3.1 HTML5的文檔結構 7
1.3.2 HTML5的基本語法 8
1.3.3 HTML5精簡的頭部 8
1.4 HTML5中新增的標簽 9
1.4.1 結構標簽 9
1.4.2 文本標簽 9
1.4.3 應用和輔助標簽 10
1.4.4 進度標簽 10
1.4.5 交互性標簽 10
1.4.6 在文檔和應用中使用的標簽 10
1.4.7 標簽 11
1.4.8 其他標簽 11
1.5 HTML5中廢棄的標簽 11
1.6 本章小結 12
1.7 課后習題 12
第2章 HTML中的主體標簽 13
2.1 HTML頭部標簽設置 13
2.1.1 標簽 13
練習——為網頁設置標題 13
2.1.2 <base href="http://www.jsyyzsb.com/"/>標簽 14
2.1.3 <meta>標簽 14
練習——設置網頁關鍵字、說明以及頁面的定時跳轉 16
2.2 HTML主體<body>標簽設置 17
2.2.1 邊距屬性margin 17
練習——設置網頁整體邊距 17
2.2.2 背景顏色屬性bgcolor 18
練習——設置網頁背景顏色 18
2.2.3 背景圖像屬性background 19
練習——設置網頁背景圖像 19
2.2.4 文字屬性text 20
練習——設置網頁文字默認顏色 20
2.2.5 默認鏈接屬性link 21
練習——設置網頁中超鏈接文字的默認顏色 21
2.3 在HTML代碼中添加注釋 22
2.4 本章小結 23
2.5 課后習題 23
第3章 HTML中基礎標簽的應用 24
3.1 文字設置標簽 24
3.1.1 <font>標簽 24
練習——使用<font>標簽設置網頁文字效果 25
3.1.2 <b>和<strong>標簽實現文字加粗 26
3.1.3 <i>和<em>標簽實現文字傾斜 26
3.1.4 <u>標簽實現文字下畫線 26
練習——為文字添加加粗、傾斜和下畫線修飾 27
3.1.5 其他文字修飾標簽 28
練習——為文字添加上標和刪除線 28
3.2 分行與分段標簽 29
3.2.1 使用<br>標簽為文本分行 29
練習——為網頁中的文本進行分行處理 29
3.2.2 使用<p>標簽為文本分段 31
練習——為網頁中的文本進行分段處理 31
3.2.3 <h1>至<h6>標簽 31
練習——設置文本標題 32
3.2.4 <hr>標簽 32
練習——在網頁中插入水平線 33
3.2.5 文本對齊設置 33
練習——設置網頁文本對齊 34
3.2.6 在HTML中插入空格和特殊字符 35
練習——在網頁中輸入空格和特殊字符 35
3.3 圖片標簽設置 36
3.3.1 <img>標簽 36
練習——在網頁中插入圖片 37
3.3.2 圖文混排 38
練習——制作圖文介紹頁面 38
3.4 列表標簽設置 39
3.4.1 使用<ul>標簽創建項目列表 40
練習——制作新聞列表 40
3.4.2 使用<ol>標簽創建編號列表 41
練習——制作編號有序列表 41
3.4.3 使用<dl>標簽創建定義列表 43
練習——制作復雜的新聞列表 43
3.5 超鏈接標簽設置 44
3.5.1 超鏈接<a>標簽 44
3.5.2 相對鏈接和絕對鏈接 45
練習——在網頁中創建超鏈接 45
3.5.3 網頁中的特殊超鏈接 46
練習——在網頁中創建特殊超鏈接 46
3.5.4 超鏈接標簽中的其他屬性設置 48
3.6 表格標簽設置 49
3.6.1 表格的基本構成<table>、<tr>和<td>標簽 49
3.6.2 表格標題<caption>標簽 49
練習——創建數據表格 50
3.6.3 表頭<thead>、表主體<tbody>和表尾<tfoot>標簽 51
練習——設置表格中的表頭、表主體和表尾 51
3.7 本章小結 52
3.8 課后習題 53
第4章 HTML中表單標簽的應用 54
4.1 了解HTML中的表單 54
4.1.1 表單的作用 54
4.1.2 <form>標簽 54
4.1.3 表單的數據傳遞方式 55
4.2 普通的HTML表單元素 55
4.2.1 文本域 55
4.2.2 密碼域 55
4.2.3 文本區域 56
4.2.4 隱藏域 56
4.2.5 復選框 56
4.2.6 單選按鈕 56
4.2.7 選擇域 56
4.2.8 文件域 57
4.2.9 按鈕 57
4.2.10 圖像域 57
練習——制作登錄表單 58
4.3 HTML5新增表單輸入類型 61
4.3.1 url類型 61
4.3.2 email類型 61
4.3.3 range類型 61
4.3.4 number類型 61
4.3.5 tel類型 62
4.3.6 search類型 62
4.3.7 color類型 62
4.3.8 date類型 62
4.3.9 month、week、time、datetime、datetime-local類型 63
練習——制作留言表單頁面 63
4.3.10 瀏覽器對HTML5表單的支持情況 65
4.4 HTML5新增表單屬性 65
4.4.1 form屬性 66
4.4.2 formaction屬性 66
4.4.3 formmethod、formenctype、formnovalidate、formtarget屬性 66
4.4.4 placeholder屬性 66
4.4.5 autofocus屬性 67
練習——為表單元素設置默認提示內容 67
4.4.6 autocomplete屬性 68
4.5 使用HTML5表單驗證 68
4.5.1 與驗證有關的表單元素屬性 68
練習——驗證網頁表單元素 69
4.5.2 表單驗證方法 70
4.5.3 表單驗證事件 72
4.6 本章小結 73
4.7 課后習題 73
第5章 HTML中多媒體標簽的應用 74
5.1 使用<embed>標簽 74
5.1.1 使用<embed>標簽嵌入音頻 74
練習——在網頁中嵌入音頻 75
5.1.2 使用<embed>標簽嵌入視頻 75
練習——在網頁中嵌入視頻 76
5.2 了解HTML5中多媒體的應用 76
5.2.1 在線多媒體的發展 77
5.2.2 檢查瀏覽器是否支持<audio>和<video>標簽 77
5.3 HTML5新增<audio>標簽的應用 77
5.3.1 <audio>標簽所支持的音頻格式 77
5.3.2 使用<audio>標簽 77
練習——在網頁中嵌入音頻播放 78
5.4 HTML5新增<video>標簽的應用 79
5.4.1 <video>標簽所支持的視頻格式 79
5.4.2 使用<video>標簽 79
練習——在網頁中嵌入視頻播放 79
5.4.3 使用<source>標簽 80
5.5 <audio>與<video>標簽的屬性 81
5.5.1 元素的標簽屬性 81
5.5.2 元素的接口屬性 82
練習——實現網頁中視頻的快進控制 83
5.6 <audio>與<video>標簽的接口方法 84
練習——控制網頁中視頻的播放和暫停 85
5.7 <audio>與<video>標簽的事件 86
練習——自定義視頻播放控制組件 87
5.8 本章小結 91
5.9 課后習題 91
第6章 HTML5中<canvas>標簽的應用 93
6.1 <canvas>標簽 93
6.1.1 了解<canvas>標簽 93
6.1.2 在網頁中使用<canvas>標簽 93
6.1.3 使用<canvas>標簽實現繪圖的流程 94
6.2 繪制基本圖形 95
6.2.1 繪制直線 95
練習——在網頁中繪制直線 95
6.2.2 繪制矩形 96
練習——在網頁中繪制矩形 97
6.2.3 繪制圓形 98
練習——在網頁中繪制圓形 99
6.2.4 繪制三角形 100
練習——在網頁中繪制三角形 100
6.2.5 圖形組合 102
6.3 繪制文本 103
6.3.1 使用文本 103
練習——在網頁中繪制文字 104
6.3.2 創建對象陰影 105
練習——為網頁中所繪制文字添加陰影 105
6.4 在網頁中實現特殊形狀圖像 106
6.4.1 繪制圖像 106
練習——在網頁中繪制圖像 107
6.4.2 裁切區域 108
練習——在網頁中實現圓形圖像效果 108
6.5 本章小結 110
6.6 課后習題 110
第7章 HTML5中文檔結構標簽的應用 111
7.1 構建HTML5頁面主體內容 111
7.1.1 文章<article>標簽 111
7.1.2 章節<section>標簽 113
7.1.3 導航<nav>標簽 115
7.1.4 輔助內容<aside>標簽 116
7.1.5 日期時間<time>標簽 117
7.2 HTML5文檔中的語義模塊標簽 117
7.2.1 標題<header>標簽 117
7.2.2 標題分組<hgroup>標簽 118
7.2.3 頁腳<footer>標簽 119
7.2.4 聯系信息<address>標簽 120
7.3 制作HTML5文章頁面 121
練習——制作HTML5文章頁面 121
7.4 本章小結 125
7.5 課后習題 125
第二篇 CSS樣式
第8章 CSS樣式基礎 127
8.1 了解CSS樣式 127
8.1.1 什么是CSS樣式 127
8.1.2 CSS樣式的發展 127
8.2 CSS樣式語法 128
8.2.1 CSS樣式的基本語法 128
8.2.2 CSS規則構成 129
8.3 CSS樣式選擇器 130
8.3.1 通配選擇器 130
8.3.2 標簽選擇器 130
練習——創建通配選擇器和標簽選擇器 130
8.3.3 ID選擇器 132
8.3.4 類選擇器 132
練習——創建ID選擇器和類選擇器 132
8.3.5 偽類和偽對象選擇器 135
練習——創建并應用超鏈接偽類樣式 136
8.3.6 群組選擇器 137
8.3.7 派生選擇器 137
練習——在網頁中創建并應用群組和派生CSS樣式 138
8.4 在網頁中應用CSS樣式的4種方式 139
8.4.1 內聯CSS樣式 139
8.4.2 內部CSS樣式 140
8.4.3 外部CSS樣式 140
練習——創建并鏈接外部CSS樣式表文件 141
8.4.4 導入外部CSS樣式 143
8.5 CSS樣式的特性 144
8.5.1 CSS樣式的繼承性 144
8.5.2 CSS樣式的特殊性 144
8.5.3 CSS樣式的層疊性 145
8.5.4 CSS樣式的重要性 145
8.6 本章小結 145
8.7 課后習題 145
第9章 CSS布局 147
9.1 創建Div 147
9.1.1 了解Div 147
9.1.2 如何插入Div 148
9.1.3 塊元素與行內元素 149
9.2 CSS盒模型 150
9.2.1 什么是CSS盒模型 150
9.2.2 CSS盒模型的特性 151
9.2.3 margin屬性——邊距 151
9.2.4 border屬性——邊框 151
9.2.5 padding屬性——填充 151
練習——設置網頁元素盒模型 152
9.3 網頁元素定位屬性 154
9.3.1 position屬性——元素定位 154
9.3.2 網頁元素相對定位 155
練習——實現網頁元素的疊加顯示 155
9.3.3 網頁元素絕對定位 156
練習——網頁元素固定在右側顯示 156
9.3.4 網頁元素固定定位 157
練習——實現固定位置的導航菜單 157
9.3.5 網頁元素浮動定位 159
練習——制作順序排列的圖像列表 159
9.4 網頁常用布局方式 161
9.4.1 居中的布局 162
9.4.2 浮動的布局 163
9.4.3 自適應高度的解決方法 168
9.5 本章小結 169
9.6 課后習題 169
第10章 CSS樣式屬性詳解 170
10.1 使用CSS設置文字樣式 170
10.1.1 font-family屬性——字體 170
10.1.2 font-size屬性——字體大小 170
10.1.3 color屬性——字體顏色 171
練習——設置網頁文字基本效果 171
10.1.4 font-weight屬性——字體粗細 173
10.1.5 font-style屬性——字體樣式 173
練習——設置網頁文字的加粗和傾斜效果 174
10.1.6 text-transform屬性——英文字體大小寫 175
練習——設置網頁中英文字體大小寫 175
10.1.7 text-decoration屬性——文字修飾 177
練習——為網頁文字添加修飾 177
10.1.8 letter-spacing屬性——字符間距 178
練習——設置中文字符間距 179
10.2 使用CSS設置段落樣式 179
10.2.1 line-height屬性——行間距 179
10.2.2 text-indent屬性——段落首行縮進 180
練習——美化網頁中的段落文本 180
10.2.3 text-align屬性——文本水平對齊 181
練習——設置文本水平對齊 181
10.2.4 vertical-align屬性——文本垂直對齊 183
練習——設置文本垂直對齊 183
10.3 使用CSS設置背景顏色和背景圖像 185
10.3.1 background-color屬性——背景顏色 185
10.3.2 background-image屬性——背景圖像 185
10.3.3 background-repeat屬性——背景圖像平鋪方式 185
練習——設置網頁背景效果 186
10.3.4 background-position屬性——背景圖像位置 188
練習——定位網頁中的背景圖像 188
10.3.5 background-attachment屬性——背景圖像固定 190
練習——固定網頁中的背景圖像 190
10.4 使用CSS設置列表樣式 191
10.4.1 list-style-type屬性——設置列表符號 191
練習——設置新聞列表效果 191
10.4.2 list-style-image屬性——自定義列表符號 192
練習——自定義新聞列表符號 192
10.4.3 設置定義列表 194
練習——制作復雜新聞列表 194
10.5 使用CSS設置邊框樣式 195
10.5.1 border-width屬性——邊框寬度 195
10.5.2 border-style屬性——邊框樣式 195
10.5.3 border-color屬性——邊框顏色 196
練習——為網頁元素添加邊框效果 196
10.6 超鏈接CSS樣式偽類 197
10.6.1 :link偽類 197
10.6.2 :hover偽類 198
10.6.3 :active偽類 198
10.6.4 :visited偽類 199
練習——設置網頁中超鏈接文字效果 199
10.6.5 按鈕式超鏈接 202
練習——制作網站導航菜單 202
10.7 cursor屬性——光標指針效果 204
練習——在網頁中實現多種光標指針效果 204
10.8 本章小結 206
10.9 課后習題 206
第11章 CSS3.0新增屬性詳解 207
11.1 了解CSS3.0 207
11.1.1 CSS3.0的發展 207
11.1.2 瀏覽器對CSS3.0的支持情況 207
11.1.3 了解CSS3.0的全新功能 208
11.2 CSS3.0顏色設置方式 208
11.2.1 RGBA顏色值 208
練習——使用RGBA設置半透明背景顏色 209
11.2.2 HSL和HSLA顏色值 209
練習——使用HSLA設置半透明背景顏色 210
11.2.3 transparent顏色值 211
11.3 CSS3.0新增文字設置屬性 211
11.3.1 text-overflow屬性——文本溢出處理 211
練習——設置網頁中溢出文本的處理方式 212
11.3.2 word-wrap和word-break屬性——控制文本換行 213
練習——控制英文內容強制換行 213
11.3.3 text-shadow屬性——文本陰影 214
練習——為網頁文本添加陰影效果 215
11.3.4 @font-face規則——使用服務器端字體 215
練習——在網頁中使用特殊字體 216
11.4 CSS3.0新增背景設置屬性 217
11.4.1 線性漸變背景顏色 217
練習——為網頁設置線性漸變背景顏色 218
11.4.2 徑向漸變背景顏色 220
練習——為網頁設置徑向漸變背景顏色 221
11.4.3 background屬性——設置多背景圖像 222
練習——為網頁設置多個背景圖像 222
11.4.4 background-size屬性——背景圖像大小 223
練習——控制網頁背景圖像的大小 223
11.4.5 background-origin屬性——背景圖像原點 225
練習——控制背景圖像開始顯示的原點位置 226
11.4.6 background-clip屬性——背景圖像顯示區域 226
練習——控制背景圖像的顯示區域 227
11.5 CSS3.0新增邊框設置屬性 228
11.5.1 border-colors屬性——多重邊框顏色 228
練習——實現網頁元素多色彩邊框效果 228
11.5.2 border-image屬性——圖像邊框 229
練習——為網頁元素添加圖像邊框效果 230
11.5.3 border-radius屬性——圓角邊框 231
練習——在網頁中實現圓角邊框效果 231
11.6 CSS3.0新增多列布局屬性 233
11.6.1 columns屬性——多列布局 233
練習——將網頁內容分為多列 233
11.6.2 column-width屬性——列寬度 234
11.6.3 column-count屬性——列數 234
11.6.4 column-gap屬性——列間距 234
11.6.5 column-rule屬性——列分隔線 235
11.6.6 column-span屬性——橫跨所有列 235
練習——實現網頁內容的分欄顯示效果 235
11.7 CSS3.0新增其他屬性 237
11.7.1 opaity屬性——元素不透明度 237
練習——設置網頁元素的半透明效果 238
11.7.2 box-shadow屬性——元素陰影 239
練習——為網頁元素添加陰影效果 239
11.7.3 resize屬性——改變元素尺寸 240
練習——實現網頁元素尺寸任意縮放 241
11.7.4 outline屬性——輪廓外邊框 242
練習——為網頁元素添加輪廓外邊框 243
11.7.5 appearance屬性——偽裝的元素 244
練習——將超鏈接文字偽裝成按鈕 245
11.7.6 content屬性——為元素賦予內容 246
練習——為網頁元素賦予文字內容 246
11.8 本章小結 247
11.9 課后習題 247
第12章 使用CSS3.0實現動畫效果 248
12.1 實現元素變形 248
12.1.1 transform屬性 248
12.1.2 使用rotate()函數實現元素旋轉 248
練習——實現網頁元素的旋轉變形效果 249
12.1.3 使用scale()函數實現元素縮放和翻轉變形 250
練習——實現網頁元素的縮放和翻轉效果 250
12.1.4 使用translate()函數實現元素移動 251
練習——實現網頁元素的移動效果 251
12.1.5 使用skew()函數實現元素傾斜 253
練習——實現網頁元素的傾斜效果 253
12.1.6 使用matrix()函數實現元素矩陣變形 254
練習——實現網頁元素的矩陣變形效果 254
12.1.7 定義變形中心點 255
練習——設置網頁元素的變形中心點 256
12.1.8 同時使用多個變形函數 257
練習——為網頁元素同時應用多個變形效果 257
12.2 CSS3.0實現過渡動畫效果 258
12.2.1 transition屬性 258
12.2.2 transition-property屬性——實現過渡效果 259
練習——實現網頁元素旋轉并放大動畫 259
12.2.3 transition-duration屬性——設置過渡時間 260
練習——設置網頁元素變形動畫持續時間 260
12.2.4 transition-delay屬性——實現過渡延遲效果 262
練習——設置網頁元素變形動畫延遲時間 262
12.2.5 transition-timing-function屬性——設置過渡方式 263
練習——設置網頁元素變形動畫過渡方式 263
12.3 本章小結 264
12.4 課后習題 264
第三篇 jQuery Mobile頁面
第13章 初識jQuery Mobile 266
13.1 jQuery入門 266
13.1.1 什么是jQuery 266
13.1.2 如何引用jQuery函數庫 267
13.1.3 jQuery基本語法 267
13.1.4 jQuery選擇器 268
13.1.5 使用jQuery設置CSS樣式屬性 269
練習——使用jQuery改變CSS樣式效果 269
13.2 jQuery Mobile基礎 270
13.2.1 什么是jQuery Mobile 270
13.2.2 jQuery Mobile的優勢 271
13.3 jQuery Mobile頁面開發前的準備工作 271
13.3.1 如何測試所制作的移動頁面 271
13.3.2 加載jQuery Mobile函數庫文件 273
13.4 認識jQuery Mobile頁面結構 274
13.4.1 創建jQuery Mobile頁面 274
練習——創建jQuery Mobile頁面 274
13.4.2 jQuery Mobile頁面的基本架構 276
13.4.3 多容器jQuery Mobile頁面 277
13.5 jQuery Mobile頁面的基本操作 277
13.5.1 jQuery Mobile頁面中多容器之間的鏈接 277
練習——創建jQuery Mobile頁面多容器之間鏈接 278
13.5.2 鏈接外部jQuery Mobile頁面 280
練習——鏈接外部jQuery Mobile頁面 280
13.5.3 預加載jQuery Mobile頁面 282
13.5.4 頁面緩存 282
練習——在jQuery Mobile頁面中實現預加載和緩存 283
13.5.5 在jQuery Mobile頁面中實現后退功能 283
練習——在jQuery Mobile頁面中實現后退功能 284
13.5.6 彈出對話框 285
練習——以彈出窗口方式顯示鏈接內容 285
13.6 本章小結 287
13.7 課后習題 287
第14章 jQuery Mobile頁面詳解 288
14.1 頭部欄 288
14.1.1 頭部欄的基本結構 288
14.1.2 設置后退按鈕的文字 289
14.1.3 添加按鈕 290
練習——在jQuery Mobile頁面頭部欄中添加按鈕 290
14.1.4 設置按鈕位置 293
14.2 導航欄 294
14.2.1 導航欄的基本結構 295
練習——在jQuery Mobile頁面中創建導航欄 295
14.2.2 導航欄的圖標 297
14.2.3 設置導航欄圖標位置 299
14.3 尾部欄 300
14.3.1 添加按鈕 300
練習——在jQuery Mobile頁面尾部欄中添加按鈕 300
14.3.2 添加表單元素 301
練習——在jQuery Mobile頁面尾部欄中添加下拉列表 302
14.4 jQuery Mobile頁面正文內容處理 303
14.4.1 jQuery Mobile布局網格 303
練習——創建布局網格 303
14.4.2 可折疊區塊 305
練習——創建可折疊內容 306
14.4.3 嵌套可折疊區塊 307
14.4.4 可折疊區塊組 308
練習——創建可折疊區塊組 308
14.5 本章小結 309
14.6 課后習題 309
第15章 使用jQuery Mobile頁面組件和主題 311
15.1 列表組件 311
15.1.1 無序列表 311
練習——在jQuery Mobile頁面中創建列表 311
15.1.2 有序列表 312
15.1.3 分割列表選項 313
練習——分割jQuery Mobile頁面中的列表選項 313
15.1.4 列表選項分組 315
練習——實現列表選項的分組 315
15.1.5 開啟或禁用列表項中的圖標 317
練習——開啟或禁用列表項中的圖標 317
15.1.6 圖標與計數器 319
練習——為列表項添加圖標和計數器 319
15.1.7 列表項內容格式化處理 320
練習——列表項內容的格式化處理 321
15.2 按鈕組件 323
15.2.1 使用按鈕組件 323
練習——在jQuery Mobile頁面中添加按鈕 323
15.2.2 使用按鈕組 325
練習——在jQuery Mobile頁面中使用按鈕組 325
15.3 表單組件 326
15.3.1 文本輸入框 326
練習——在jQuery Mobile頁面添加不同類型輸入框 326
15.3.2 滑塊 327
練習——使用滑塊修改頁面元素的背景顏色 327
15.3.3 翻轉切換開關 328
15.3.4 單選按鈕 328
練習——制作投票表單 329
15.3.5 復選框 330
練習——制作調查表單 330
15.3.6 選擇菜單 331
15.3.7 多項選擇菜單 333
15.4 關于jQuery Mobile頁面主題 334
15.4.1 什么是jQuery Mobile頁面主題 334
15.4.2 jQuery Mobile頁面主題的特點 334
15.4.3 默認的jQuery Mobile頁面主題 335
練習——應用jQuery Mobile頁面的默認主題 335
15.4.4 如何修改默認的jQuery Mobile頁面主題 336
練習——修改jQuery Mobile頁面的默認效果 336
15.5 自定義jQuery Mobile頁面主題 338
15.5.1 自定義jQuery Mobile頁面背景 338
練習——自定義jQuery Mobile頁面背景 338
15.5.2 自定義jQuery Mobile頁面工具欄 341
練習——自定義jQuery Mobile頁面工具欄 341
15.5.3 自定義jQuery Mobile頁面內容區域 343
練習——自定義可折疊區塊主題 344
15.6 本章小結 345
15.7 課后習題 345
第16章 使用jQuery Mobile頁面事件 346
16.1 應用jQuery Mobile事件 346
16.1.1 頁面顯示/隱藏事件 346
16.1.2 加載外部頁面事件 347
16.1.3 頁面切換事件 347
練習——設置jQuery Mobile頁面切換過渡動畫效果 348
16.1.4 觸摸事件 350
練習——使用觸摸事件實現滑動屏幕瀏覽圖片 351
16.1.5 滾動屏幕事件 354
練習——使用滾動屏幕事件改變元素的背景顏色 354
16.1.6 屏幕翻轉事件 357
練習——通過屏幕翻轉事件判斷移動設備方向 357
16.2 jQuery Mobile頁面的設置技巧 361
16.2.1 固定頁面頭部欄與尾部欄 361
練習——固定jQuery Mobile頁面中頭部欄和尾部欄的位置 361
16.2.2 隨機顯示頁面背景 362
練習——隨機顯示jQuery Mobile頁面的背景圖片 362
16.3 本章小結 366
16.4 課后習題 366
第17章 移動端應用開發實戰 367
17.1 移動APP引導頁面 367
17.1.1 功能分析 367
17.1.2 制作步驟 368
練習——制作移動APP引導頁面 368
17.2 電商APP頁面 374
17.2.1 功能分析 374
17.2.2 制作電商APP頁面 375
練習——制作電商APP頁面 375
17.2.3 制作側邊導航菜單 381
練習——制作側邊導航菜單 381
17.3 可滑動操作的移動頁面 386
17.3.1 功能分析 386
17.3.2 制作可滑動切換的背景 386
練習——制作可滑動切換的背景 386
17.3.3 制作可滑動底部導航欄 389
練習——制作可滑動底部導航欄 389
17.4 本章小結 393
17.5 課后習題 393
</div>
</div>
<div id="1111616661" class="clear"></div>
<script type="text/javascript">
function tab(a,b,c)
{
for(i=1;i<=b;i++){
if(c==i)
{
// 判斷選擇模塊
document.getElementById(a+"_mo_"+i).style.display = "block"; // 顯示模塊內容
document.getElementById(a+"_to_"+i).className = "no"; // 改變菜單為選中樣式
}
else{
// 沒有選擇的模塊
document.getElementById(a+"_mo_"+i).style.display = "none"; // 隱藏沒有選擇的模塊
document.getElementById(a+"_to_"+i).className = "q"; // 清空沒有選擇的菜單樣式
}
}
}
</script>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 你還可能感興趣</span>
</div>
</div>
<div id="1111616661" class="d-comment">
<ul>
<li><a href="bookshow.asp?id=138051" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202205/9787121432606.jpg" alt="深入理解Java核心技術：寫給Java工程師的干貨筆記（基礎篇）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202205/9787121432606.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=138051" title="深入理解Java核心技術：寫給Java工程師的干貨筆記（基礎篇）" target="_blank">深入理解Java核心技術：寫給Java工程師的干貨筆記（基礎篇）</a></li><li><a href="bookshow.asp?id=111324" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202103/20210313144310061006.jpg" alt="PHP編程" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202103/20210313144310061006.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=111324" title="PHP編程" target="_blank">PHP編程</a></li><li><a href="bookshow.asp?id=59389" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/e/TSTP/078573-01.jpg" alt="Spring Data JPA從入門到精通" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/e/TSTP/078573-01.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=59389" title="Spring Data JPA從入門到精通" target="_blank">Spring Data JPA從入門到精通</a></li><li><a href="bookshow.asp?id=74401" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/e/TSTP/079756-01.jpg" alt="面向對象程序設計(C#)" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/e/TSTP/079756-01.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=74401" title="面向對象程序設計(C#)" target="_blank">面向對象程序設計(C#)</a></li><li><a href="bookshow.asp?id=94926" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/e/dzgy/9787121342042.jpg" alt="全媒體環境下學習C語言程序設計" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/e/dzgy/9787121342042.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=94926" title="全媒體環境下學習C語言程序設計" target="_blank">全媒體環境下學習C語言程序設計</a></li>
</ul>
</div>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 我要評論</span>
</div>
</div>
<div id="1111616661" class="c-comment">
<form method="post" name="comment" action="/book_comment.asp">
<table border="0" cellspacing="1" cellpadding="3" class="commentlist">
<input name=id type=hidden value="83255">
<input name=title type=hidden value="HTML5+CSS3+jQuery Mobile移動網站與App開發實戰（視頻講解版）">
<tr>
<th>您的姓名</th>
<td><input type="text" name="name" size="20" maxlength="20" class="form" /> 驗證碼：<input name="verifycode" type="text" size="7" style=" height:18px;" /> <img src="safecode.asp?" onClick="this.src+=Math.random()" alt="圖片看不清？點擊重新得到驗證碼" style="cursor:hand;" height="18" /></td>
</tr>
<tr>
<th>留言內容</th>
<td><textarea name="content" id="content" cols="46" rows="3" class="form-textarea" wrap=physical onKeyDown="checkMaxInput(this.form)" onKeyUp="checkMaxInput(this.form)" style="overflow:auto"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value=" 發表評論 " name="cmdok" class="button" /><input type="hidden" name="do" value="save" /></td>
</tr>
</table>
</form>
</div>
<!---div class="b-comment_fenlei">
<ul>
</ul>
</div--->
</div>
</td>
</tr>
</table>
<div class="1111616661" id="footer">
<div id="1111616661" class="end_list"><a href="aboutus.asp" title="">關于我們</a><a href="Honor.asp" title="">榮譽資質</a><a href="lxwm.asp" target="_blank" title="">聯系我們</a></div>
<div id="1111616661" class="copyright_n">
Copyright 1993-2020 <a >book.book1993.com</a> Inc.All Rights Reserved<br>
公司名稱：山東中教產業發展股份有限公司 公司地址：山東省濟南市大橋鎮128號 聯系電話：400-0531-123
<br>版權所有：山東中教產業發展股份有限公司
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F34a0559de8bca702f061988709fd9a88' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div id="1111616661" class="ban_img"><img src="images/ban_img.png" width="691" height="55"></div>
</div>
<script src="/images/common.js" language="javascript"></script>
</body>
</html>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.jsyyzsb.com/" title="xxxfreesexmoves">xxxfreesexmoves</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="wzujb" class="pl_css_ganrao" style="display: none;"><progress id="wzujb"></progress><tfoot id="wzujb"></tfoot><noscript id="wzujb"><small id="wzujb"><tfoot id="wzujb"></tfoot></small></noscript><small id="wzujb"><u id="wzujb"><dl id="wzujb"></dl></u></small><label id="wzujb"></label><tr id="wzujb"></tr><center id="wzujb"></center><noframes id="wzujb"></noframes><delect id="wzujb"><dfn id="wzujb"><abbr id="wzujb"><noscript id="wzujb"></noscript></abbr></dfn></delect><ins id="wzujb"></ins><td id="wzujb"></td><label id="wzujb"></label><del id="wzujb"><kbd id="wzujb"></kbd></del><wbr id="wzujb"><center id="wzujb"><ruby id="wzujb"></ruby></center></wbr><form id="wzujb"></form><button id="wzujb"></button><var id="wzujb"><label id="wzujb"><dd id="wzujb"><abbr id="wzujb"></abbr></dd></label></var><code id="wzujb"><cite id="wzujb"></cite></code><span id="wzujb"><address id="wzujb"><li id="wzujb"></li></address></span><noframes id="wzujb"><strike id="wzujb"><menuitem id="wzujb"><ins id="wzujb"></ins></menuitem></strike></noframes><meter id="wzujb"></meter><menuitem id="wzujb"></menuitem><li id="wzujb"></li><em id="wzujb"></em><abbr id="wzujb"></abbr><label id="wzujb"><ol id="wzujb"></ol></label><center id="wzujb"><pre id="wzujb"><style id="wzujb"><div id="wzujb"></div></style></pre></center><th id="wzujb"><tt id="wzujb"></tt></th><pre id="wzujb"></pre><dfn id="wzujb"></dfn><strike id="wzujb"><legend id="wzujb"><ruby id="wzujb"><video id="wzujb"></video></ruby></legend></strike><tbody id="wzujb"></tbody><del id="wzujb"><kbd id="wzujb"><bdo id="wzujb"><form id="wzujb"></form></bdo></kbd></del><dfn id="wzujb"></dfn><acronym id="wzujb"><button id="wzujb"><i id="wzujb"></i></button></acronym><meter id="wzujb"><mark id="wzujb"><optgroup id="wzujb"></optgroup></mark></meter><div id="wzujb"></div><track id="wzujb"></track><rt id="wzujb"><ins id="wzujb"><nobr id="wzujb"><dfn id="wzujb"></dfn></nobr></ins></rt><tbody id="wzujb"><bdo id="wzujb"></bdo></tbody><blockquote id="wzujb"><delect id="wzujb"><nobr id="wzujb"><acronym id="wzujb"></acronym></nobr></delect></blockquote><label id="wzujb"></label><cite id="wzujb"><dl id="wzujb"></dl></cite><bdo id="wzujb"></bdo><dfn id="wzujb"></dfn><pre id="wzujb"><sup id="wzujb"></sup></pre><track id="wzujb"></track><strike id="wzujb"></strike><style id="wzujb"></style><sup id="wzujb"></sup><dfn id="wzujb"><tbody id="wzujb"><acronym id="wzujb"></acronym></tbody></dfn><menuitem id="wzujb"><rt id="wzujb"><td id="wzujb"><dfn id="wzujb"></dfn></td></rt></menuitem><div id="wzujb"></div><dfn id="wzujb"><tr id="wzujb"><strike id="wzujb"><pre id="wzujb"></pre></strike></tr></dfn><big id="wzujb"></big><dl id="wzujb"></dl><optgroup id="wzujb"><ins id="wzujb"></ins></optgroup><input id="wzujb"></input><del id="wzujb"><tr id="wzujb"><form id="wzujb"></form></tr></del><menuitem id="wzujb"></menuitem><ol id="wzujb"></ol><center id="wzujb"><acronym id="wzujb"><del id="wzujb"><dl id="wzujb"></dl></del></acronym></center><bdo id="wzujb"><tbody id="wzujb"></tbody></bdo><legend id="wzujb"></legend><source id="wzujb"><th id="wzujb"></th></source><menu id="wzujb"><big id="wzujb"></big></menu><strong id="wzujb"><ol id="wzujb"></ol></strong><tbody id="wzujb"><font id="wzujb"><tbody id="wzujb"></tbody></font></tbody><meter id="wzujb"><input id="wzujb"></input></meter><sup id="wzujb"><strong id="wzujb"></strong></sup><small id="wzujb"></small><noscript id="wzujb"><small id="wzujb"><font id="wzujb"></font></small></noscript><button id="wzujb"></button><s id="wzujb"><source id="wzujb"></source></s><ul id="wzujb"></ul><dl id="wzujb"><del id="wzujb"><tbody id="wzujb"></tbody></del></dl><ins id="wzujb"></ins><font id="wzujb"></font><sup id="wzujb"><dl id="wzujb"></dl></sup><em id="wzujb"></em><dl id="wzujb"><strike id="wzujb"><em id="wzujb"><label id="wzujb"></label></em></strike></dl><sub id="wzujb"><font id="wzujb"><small id="wzujb"></small></font></sub><pre id="wzujb"></pre><dfn id="wzujb"></dfn><u id="wzujb"></u><code id="wzujb"></code><form id="wzujb"></form><big id="wzujb"><meter id="wzujb"><em id="wzujb"></em></meter></big><video id="wzujb"><th id="wzujb"><s id="wzujb"></s></th></video><tbody id="wzujb"></tbody><dfn id="wzujb"></dfn><noframes id="wzujb"></noframes><nav id="wzujb"><input id="wzujb"><xmp id="wzujb"></xmp></input></nav><abbr id="wzujb"></abbr><tt id="wzujb"><th id="wzujb"><style id="wzujb"></style></th></tt><output id="wzujb"><rp id="wzujb"></rp></output><pre id="wzujb"></pre><nobr id="wzujb"><dfn id="wzujb"><center id="wzujb"><ul id="wzujb"></ul></center></dfn></nobr><center id="wzujb"><p id="wzujb"><thead id="wzujb"></thead></p></center><ruby id="wzujb"></ruby><nav id="wzujb"><input id="wzujb"></input></nav><wbr id="wzujb"><center id="wzujb"><acronym id="wzujb"><delect id="wzujb"></delect></acronym></center></wbr><dd id="wzujb"></dd><noscript id="wzujb"><ol id="wzujb"><font id="wzujb"></font></ol></noscript><legend id="wzujb"></legend><ruby id="wzujb"></ruby><optgroup id="wzujb"></optgroup><object id="wzujb"><rp id="wzujb"><track id="wzujb"></track></rp></object><meter id="wzujb"></meter><th id="wzujb"></th><var id="wzujb"><del id="wzujb"><form id="wzujb"></form></del></var><b id="wzujb"><dfn id="wzujb"><strong id="wzujb"><dfn id="wzujb"></dfn></strong></dfn></b><rp id="wzujb"><label id="wzujb"><dd id="wzujb"></dd></label></rp><legend id="wzujb"></legend><xmp id="wzujb"></xmp><del id="wzujb"></del><dfn id="wzujb"></dfn><form id="wzujb"></form><menuitem id="wzujb"><noframes id="wzujb"><table id="wzujb"></table></noframes></menuitem><tt id="wzujb"><strong id="wzujb"><tfoot id="wzujb"></tfoot></strong></tt><blockquote id="wzujb"></blockquote><track id="wzujb"><object id="wzujb"><blockquote id="wzujb"><delect id="wzujb"></delect></blockquote></object></track><table id="wzujb"></table><strong id="wzujb"></strong><option id="wzujb"><menu id="wzujb"><object id="wzujb"><menuitem id="wzujb"></menuitem></object></menu></option><video id="wzujb"></video><small id="wzujb"></small><output id="wzujb"><rp id="wzujb"></rp></output><rt id="wzujb"></rt><thead id="wzujb"><div id="wzujb"><pre id="wzujb"><option id="wzujb"></option></pre></div></thead><ins id="wzujb"></ins><source id="wzujb"></source><s id="wzujb"><source id="wzujb"></source></s><fieldset id="wzujb"><th id="wzujb"></th></fieldset><wbr id="wzujb"></wbr><nobr id="wzujb"><dfn id="wzujb"><wbr id="wzujb"><center id="wzujb"></center></wbr></dfn></nobr><center id="wzujb"></center><mark id="wzujb"></mark><center id="wzujb"><xmp id="wzujb"></xmp></center><label id="wzujb"><i id="wzujb"><big id="wzujb"><meter id="wzujb"></meter></big></i></label><thead id="wzujb"></thead><legend id="wzujb"><progress id="wzujb"><noframes id="wzujb"><table id="wzujb"></table></noframes></progress></legend><acronym id="wzujb"><button id="wzujb"><input id="wzujb"></input></button></acronym><tbody id="wzujb"><bdo id="wzujb"></bdo></tbody><wbr id="wzujb"></wbr><b id="wzujb"></b><sup id="wzujb"><acronym id="wzujb"></acronym></sup><form id="wzujb"></form><style id="wzujb"><legend id="wzujb"></legend></style><pre id="wzujb"><style id="wzujb"><tr id="wzujb"><option id="wzujb"></option></tr></style></pre></div></html>
新書資訊