第1 章 移動網(wǎng)站開發(fā)基礎(chǔ) .................... 001
1.1 創(chuàng)建HTML5 網(wǎng)頁 ................................ 001
1.1.1 用HTML 語言創(chuàng)建內(nèi)容 .............. 001
1.1.2 用CSS 設(shè)置樣式 .......................... 005
1.1.3 用JavaScript 實現(xiàn)功能 ................. 007
1.2 使用jQuery 簡化編程 .......................... 009
1.2.1 在網(wǎng)頁中引用jQuery ................... 010
1.2.2 jQuery 構(gòu)造函數(shù) ........................... 011
1.2.3 jQuery 選擇器 ............................... 013
1.2.4 DOM 操作 ..................................... 021
1.2.5 動畫效果 ....................................... 025
1.2.6 事件處理 ....................................... 027
1.2.7 Ajax 應(yīng)用 ...................................... 031
1.3 使用jQuery Mobile 支持移動設(shè)備 ............ 033
1.3.1 jQuery Mobile 功能特點 ............... 033
1.3.2 jQuery Mobile 的平臺兼容性 ....... 034
1.3.3 獲取jQuery Mobile 框架 .............. 035
1.3.4 配置jQuery Mobile 開發(fā)環(huán)境 ...... 037
1.3.5 實現(xiàn)jQuery Mobile 移動開發(fā) ...... 037
習(xí)題1 ............................................................ 039
上機操作1 ..................................................... 041
第2 章 頁面與對話框 .............................. 042
2.1 移動網(wǎng)頁結(jié)構(gòu) ....................................... 042
2.1.1 單頁面結(jié)構(gòu) ................................... 042
2.1.2 多頁面結(jié)構(gòu) ................................... 044
2.2 頁面鏈接 ............................................... 047
2.2.1 Ajax 導(dǎo)航 ...................................... 047
2.2.2 創(chuàng)建后退鏈接 ............................... 050
2.2.3 設(shè)置頁面切換動畫 ....................... 052
2.3 頁面預(yù)加載和緩存 ............................... 054
2.3.1 頁面預(yù)加載 ................................... 054
2.3.2 頁面緩存 ....................................... 056
2.4 對話框頁面 ........................................... 058
2.4.1 打開對話框 ................................... 058
2.4.2 關(guān)閉對話框 ................................... 061
2.4.3 設(shè)置對話框切換動畫 .................... 063
2.5 頁面之間傳遞參數(shù) ............................... 065
2.5.1 基于HTTP GET 方式傳遞參數(shù) ... 065
2.5.2 基于Web 存儲傳遞參數(shù) .............. 068
2.6 頁面加載信息 ....................................... 070
2.6.1 設(shè)置頁面加載信息 ........................ 070
2.6.2 設(shè)置加載錯誤信息 ........................ 072
習(xí)題2 ............................................................. 074
上機操作2 ..................................................... 075
第3 章 按鈕與彈出窗口 ......................... 077
3.1 按鈕 ....................................................... 077
3.1.1 創(chuàng)建按鈕 ....................................... 077
3.1.2 內(nèi)聯(lián)按鈕 ....................................... 078
3.1.3 微型按鈕 ....................................... 081
3.1.4 禁用按鈕 ....................................... 082
3.1.5 組合按鈕 ....................................... 084
3.1.6 設(shè)置按鈕樣式 ............................... 087
3.1.7 設(shè)置按鈕圖標(biāo) ............................... 088
3.2 彈出窗口 ............................................... 094
3.2.1 創(chuàng)建和顯示彈出窗口 .................... 094
3.2.2 關(guān)閉彈出窗口 ............................... 095
3.2.3 定位彈出窗口 ............................... 096
3.2.4 設(shè)置彈出窗口切換動畫 ................ 098
3.2.5 創(chuàng)建帶箭頭的彈出窗口 ................ 101
VI
3.2.6 設(shè)置彈出窗口主題 ....................... 103
3.2.7 跨頁使用彈出窗口 ....................... 105
習(xí)題3 ............................................................ 107
上機操作3 ..................................................... 108
第4 章 工具欄與導(dǎo)航欄 ......................... 109
4.1 工具欄 ................................................... 109
4.1.1 頁眉工具欄 ................................... 109
4.1.2 頁腳工具欄 ................................... 112
4.1.3 動態(tài)工具欄 ................................... 114
4.1.4 固定工具欄 ................................... 115
4.1.5 全屏工具欄 ................................... 116
4.1.6 外部工具欄 ................................... 118
4.2 導(dǎo)航欄 ................................................... 121
4.2.1 創(chuàng)建導(dǎo)航欄 ................................... 121
4.2.2 設(shè)置導(dǎo)航欄主題 ........................... 124
4.2.3 設(shè)置導(dǎo)航欄圖標(biāo) ........................... 126
4.2.4 創(chuàng)建外部導(dǎo)航欄 ........................... 129
習(xí)題4 ............................................................ 132
上機操作4 ..................................................... 133
第5 章 網(wǎng)格、表格和列表視圖 ........... 134
5.1 網(wǎng)格布局 ............................................... 134
5.1.1 創(chuàng)建基本網(wǎng)格 ............................... 134
5.1.2 創(chuàng)建響應(yīng)式網(wǎng)格 ........................... 138
5.2 響應(yīng)式表格 ........................................... 141
5.2.1 創(chuàng)建回流表格 ............................... 141
5.2.2 創(chuàng)建列切換表格 ........................... 144
5.3 列表視圖 ............................................... 148
5.3.1 創(chuàng)建只讀列表 ............................... 148
5.3.2 創(chuàng)建鏈接列表 ............................... 150
5.3.3 創(chuàng)建插頁列表 ............................... 152
5.3.4 篩選列表內(nèi)容 ............................... 154
5.3.5 創(chuàng)建分組列表 ............................... 156
5.3.6 設(shè)置列表圖標(biāo) ............................... 158
5.3.7 設(shè)置列表文本格式 ....................... 160
5.3.8 設(shè)置列表拆分按鈕 ....................... 163
5.3.9 設(shè)置列表主題 ............................... 165
5.3.10 動態(tài)創(chuàng)建列表視圖 ..................... 167
習(xí)題5 ............................................................ 170
上機操作5 ..................................................... 171
第6 章 面板、可折疊塊和篩選器 ....... 172
6.1 面板 ....................................................... 172
6.1.1 創(chuàng)建內(nèi)部面板 ............................... 172
6.1.2 創(chuàng)建外部面板 ............................... 174
6.1.3 設(shè)置面板顯示方式 ........................ 177
6.1.4 設(shè)置面板關(guān)閉方式 ........................ 179
6.2 可折疊塊 ............................................... 181
6.2.1 創(chuàng)建可折疊塊 ............................... 181
6.2.2 設(shè)置可折疊塊外觀 ........................ 182
6.2.3 設(shè)置可折疊塊圖標(biāo) ........................ 183
6.2.4 創(chuàng)建可折疊表單 ........................... 185
6.2.5 創(chuàng)建可折疊塊系列 ........................ 186
6.2.6 創(chuàng)建可折疊集合 ........................... 188
6.3 篩選器 ................................................... 191
6.3.1 創(chuàng)建搜索字段 ............................... 191
6.3.2 篩選可折疊集合 ........................... 193
6.3.3 篩選表格 ....................................... 196
6.3.4 篩選控件組 ................................... 197
6.3.5 篩選div 元素 ................................ 200
習(xí)題6 ............................................................. 201
上機操作6 ..................................................... 202
第7 章 jQuery Mobile 表單 ................... 204
7.1 表單基礎(chǔ) ............................................... 204
7.1.1 創(chuàng)建表單 ....................................... 204
7.1.2 提交表單 ....................................... 205
7.2 文本輸入框與文本區(qū)域 ....................... 207
7.2.1 創(chuàng)建文本輸入框 ........................... 207
7.2.2 設(shè)置文本輸入類型 ........................ 209
7.2.3 創(chuàng)建文本區(qū)域 ............................... 212
7.3 單選按鈕與復(fù)選框 ............................... 214
7.3.1 創(chuàng)建單選按鈕組 ........................... 214
7.3.2 創(chuàng)建復(fù)選框 ................................... 217
7.4 選擇菜單 ............................................... 221
7.4.1 創(chuàng)建本機選擇菜單 ........................ 221
7.4.2 創(chuàng)建選擇菜單控件組 .................... 225
7.4.3 創(chuàng)建自定義菜單 ........................... 228
7.4.4 創(chuàng)建多項選擇菜單 .............