版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領
文檔簡介
19.1使用插件實現(xiàn)對話框效果本節(jié)將向讀者介紹兩款分別用于實現(xiàn)對話框和側(cè)邊菜單效果的jQueryMobile插件。其中ActionSheet插件用于在jQueryMobile頁面中實現(xiàn)彈出對放話框效果,并且不需要編寫任何腳本代碼。Mmenu插件用于在jQueryMobile頁面中實現(xiàn)常見的側(cè)邊菜單效果。
ActionSheet插件ActionSheet插件無須編寫任何JavaScript代碼,完全通過HTML5新增的屬性進行控制。通過引入該插件,可以在頁面中以優(yōu)雅的動畫效果彈出一個任意的窗口,該窗口中的內(nèi)容可以是任何HTML代碼元素。實戰(zhàn)練習——在jQueryMobile頁面中實現(xiàn)彈出窗口
最終文件:光盤\最終文件\第19章\19-1-1.html視頻:光盤\視頻\第19章\19-1-1.swf
mmenu插件mmenu插件是一款創(chuàng)建滑動導航菜單的jQueryMobile插件,只需要短短幾行JavaScript腳本代碼,就可以在移動網(wǎng)站中實現(xiàn)類似于移動APP外觀的非常炫酷的側(cè)邊菜單效果。mmenu插件不僅為開發(fā)者提供了諸如打開、關(guān)閉、切換等常用的菜單功能,還提供了菜單位置(居左和居右)、是否顯示菜單項計數(shù)器等選項的設置。實戰(zhàn)練習——制作側(cè)邊菜單效果
最終文件:光盤\最終文件\第19章\19-1-2.html視頻:光盤\視頻\第19章\19-1-2.swf
19.2使用插件實現(xiàn)表單效果表單是jQueryMobile應用開發(fā)中非常重要的元素,在本節(jié)中將介紹兩款用于選擇日期和時間的jQueryMobile插件,分別是DateBox插件和Mobiscroll插件。通過使用插件的方式能夠輕松的開發(fā)出相應功能的表單元素。
DateBox插件DateBox插件是專門用于jQueryMobile移動應用的插件,通過該插件可以在彈出的窗口中簡單直觀地展示一個日期與時間的對話框,用戶直接單擊其中的某個日期選項,便可以完成日期選擇的操作。實戰(zhàn)練習——實現(xiàn)日期和時間選擇窗口
Mobiscroll插件Mobiscroll插件默認風格是以觸摸屏的方式,通過滾動屏幕來選擇日期或時間的值。當然也可以自定義選擇日期或時間的風格,如Android、iOS等。該插件專門針對移動觸摸設備設計的UI效果,廣泛應用于眾多的移動應用項目中。實戰(zhàn)練習——滾屏選擇日期和時間
最終文件:光盤\最終文件\第19章\19-2-2.html視頻:光盤\視頻\第19章\19-2-2.swf最終文件:光盤\最終文件\第19章\19-2-1.html視頻:光盤\視頻\第19章\19-2-1.swf
19.3使用插件實現(xiàn)圖片瀏覽效果圖片交互效果的好壞直接影響所開發(fā)的jQueryMobile應用的用戶體驗,本節(jié)將向讀者介紹兩款用于實現(xiàn)圖片瀏覽效果的jQueryMobiel插件,分別是Camera插件和Swipebox插件。其中Camera插件可以在jQueryMobile頁面中實現(xiàn)焦點輪換圖片的效果,Swipebox插件可以實現(xiàn)單擊縮覽圖預覽大圖的效果。
Camera插件Camera插件是一個基于jQuery插件的開源項目,功能是對所指定的圖片集實現(xiàn)輪播的效果。在輪播過程中,用戶可以查看每一張圖片的主題信息,手動中止輪播過程,通過單擊查看每一張被播放的圖片。此外,輪播的圖片還支持縮略圖單擊預覽方式,方便用戶以縮略圖的方式瀏覽多張圖片。實戰(zhàn)練習——實現(xiàn)焦點輪換圖片效果
最終文件:光盤\最終文件\第19章\19-3-1.html視頻:光盤\視頻\第19章\19-3-1.swf
Swipebox插件Swipebox是一款精美的jQuery燈箱特效插件,可用于桌面、移動和平板設備。在移動設備上,支持滑動手勢導航,而在桌面上則可以使用鍵盤導航。不支持CSS3.0過渡效果的瀏覽器可以使用jQuery降級處理。當用戶點擊目標圖片時,圖片會以全尺寸的方式顯示,此外,用戶還可以對同組中的圖片進行左右切換來進行查看,非常適合做照片畫廊以及查看大尺寸圖處。實戰(zhàn)練習——實現(xiàn)單擊查看大圖效果
最終文件:光盤\最終文件\第19章\19-3-2.html視頻:光盤\視頻\第19章\19-3-2.swf
19.4本章小結(jié)本章分類介紹了6款專門針對jQueryMobile移動應用開發(fā)的插件,通過相應的實例制作,詳細
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 飼料營養(yǎng)型添加劑市場需求與消費特點分析
- 錘紋漆市場發(fā)展預測和趨勢分析
- 證件分揀機市場需求與消費特點分析
- 紙類包裝制品產(chǎn)品原材料供應與需求分析
- 軋輥車床市場洞察報告
- 備課組年終工作總結(jié)五篇
- 鏟土運輸機械產(chǎn)品原材料供應與需求分析
- 血塞通注射液產(chǎn)品營銷計劃書
- 膠卷產(chǎn)品原材料供應與需求分析
- 風扇離合器產(chǎn)品市場環(huán)境與對策分析
- 古詩詞誦讀《擬行路難(其四) 》教學設計 統(tǒng)編版高中語文選擇性必修下冊
- 第十課《讓心情好起來》(教學設計)華師大版心理健康四年級下冊
- 《計算機網(wǎng)絡設備安裝與調(diào)試》復習考試題庫(帶答案)
- 慢性心力衰竭患者容量管理護理專家共識2023
- 2024年廣東省初中學業(yè)水平考試化學質(zhì)量分析
- 公安流動人口管理課件
- 【如家酒店客房服務質(zhì)量存在問題及優(yōu)化建議探析(含問卷)8400字(論文)】
- 《CIS戰(zhàn)略與策劃》課件
- 遼寧省鋼鐵行業(yè)情況分析
- 新生兒胸腔穿刺護理
- 醫(yī)療急診面試技巧培訓課件
評論
0/150
提交評論