目 錄
前 言
二維碼清單
項(xiàng)目1—— 認(rèn)識(shí)jQuery 1
項(xiàng)目概述 1
項(xiàng)目分析1
任務(wù)1 加載jQuery 函數(shù)庫 1
任務(wù)2 使用jQuery 改變CSS 樣式 4
任務(wù)3 使用jQuery 進(jìn)行事件處理 8
項(xiàng)目小結(jié)19
項(xiàng)目2—— 認(rèn)識(shí)jQuery Mobile 20
項(xiàng)目概述 20
項(xiàng)目分析20
任務(wù)1下載及安裝OperaMobileEmulator 移動(dòng)設(shè)備模擬器 20
任務(wù)2 加載jQueryMobile 函數(shù)庫 22
任務(wù)3 第一個(gè)jQueryMobile 頁面 23
項(xiàng)目小結(jié) 29
項(xiàng)目3—— jQuery Mobile 頁面制作30
項(xiàng)目概述 30
項(xiàng)目分析 30
任務(wù)1 設(shè)計(jì)頁面 30
任務(wù)2 頁面跳轉(zhuǎn) 33
任務(wù)3 返回操作 36
任務(wù)4 彈出對(duì)話框 39

任務(wù)5 頁面緩存 42
任務(wù)6 使用命名錨記 46
任務(wù)7 添加按鈕 48
任務(wù)8 制作導(dǎo)航欄 51
任務(wù)9 制作尾部欄 54
任務(wù)10 頁面布局 57
任務(wù)11 可折疊區(qū)塊使用 62
項(xiàng)目小結(jié) 65
項(xiàng)目4—— jQuery Mobile 組件應(yīng)用 66
項(xiàng)目概述 66
項(xiàng)目分析 66
任務(wù)1 添加按鈕組組件 66
任務(wù)2 認(rèn)識(shí)表單組件 69
任務(wù)3 添加滑塊組件 71
任務(wù)4 添加開關(guān)按鈕 74
任務(wù)5 使用單選按鈕制作投票頁面 76
任務(wù)6 使用復(fù)選框制作調(diào)查問卷79
任務(wù)7 使用自定義菜單 82
任務(wù)8 分組列表 89
任務(wù)9 圖標(biāo)設(shè)置與計(jì)數(shù)器 91
任務(wù)10 格式化列表 94
任務(wù)11 列表過濾 97
項(xiàng)目小結(jié) 100
項(xiàng)目5—— jQuery Mobile 主題樣式設(shè)置 101
項(xiàng)目概述 101
項(xiàng)目分析 101
任務(wù)1 使用默認(rèn)主題樣式 101
任務(wù)2 修改默認(rèn)主題樣式 106
任務(wù)3 自定義主題樣式 109

項(xiàng)目小結(jié) 113
項(xiàng)目6—— jQuery Mobile 事件處理 114
項(xiàng)目概述 114
項(xiàng)目分析 114
任務(wù)1 頁面事件——頁面切換 114
任務(wù)2 觸摸事件——滑動(dòng)屏幕瀏覽圖片 121
任務(wù)3 屏幕滾動(dòng)事件——切換背景 126
任務(wù)4 翻轉(zhuǎn)事件——依據(jù)手持方向翻轉(zhuǎn)屏幕 131
任務(wù)5 jQueryMobile 常用技巧實(shí)戰(zhàn) 136
項(xiàng)目小結(jié) 145
項(xiàng)目7—— jQuery Mobile 插件使用 146
項(xiàng)目概述 146
項(xiàng)目分析 146
任務(wù)1使用ActionSheet 插件實(shí)現(xiàn)彈出窗口效果 146
任務(wù)2 使用mmenu 插件制作側(cè)邊菜單效果 149
任務(wù)3 使用Mobiscroll 插件選擇時(shí)間和日期 153
任務(wù)4 使用Camera 插件實(shí)現(xiàn)滾動(dòng)幻燈片效果 157
任務(wù)5 使用Swipebox 插件實(shí)現(xiàn)圖片擴(kuò)大效果 162
項(xiàng)目小結(jié) 166
項(xiàng)目8—— 移動(dòng)建站實(shí)例 167
項(xiàng)目概述 167
項(xiàng)目分析 167
任務(wù)1 制作店鋪APP 引導(dǎo)頁 167
任務(wù)2 制作店鋪APP 啟動(dòng)頁 174
任務(wù)3 制作店鋪APP 首頁 177
任務(wù)4 制作產(chǎn)品列表頁 180
任務(wù)5 制作產(chǎn)品介紹頁 183
項(xiàng)目小結(jié) 188
參考文獻(xiàn)189