接觸移動(dòng)端開(kāi)發(fā)很長(zhǎng)時(shí)間了，今天做下筆記，幾下所學(xué)到的，今天的筆記是關(guān)于jquery

創(chuàng)新互聯(lián)是一家專業(yè)提供大同企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都做網(wǎng)站、H5頁(yè)面制作、小程序制作等業(yè)務(wù)。10年已為大同眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

modile滴。

  首先，大家要知道:

  jQuery Mobile 是創(chuàng)建移動(dòng) web 應(yīng)用程序的框架。

  jQuery Mobile 適用于所有流行的智能手機(jī)和平板電腦。

  jQuery Mobile 使用 HTML5 和 CSS3 通過(guò)盡可能少的腳本對(duì)頁(yè)面進(jìn)行布局。

代碼：

<link rel="stylesheet" href="jquery.mobile-1.4.5.css" />

<script src="jquery-1.10.2.min.js"></script>

<script src="jquery.mobile-1.4.5.js"></script>

這要引入的三個(gè)文件。

由于jq mobile 是依賴于jq的，要先引入jq文件，否則jquery-1.10.2.min.js會(huì)報(bào)錯(cuò)的，

jquery.mobile-1.4.5.css也是要引入的，控制樣式。

data-role="page",定義了一個(gè)頁(yè)面容器，用于構(gòu)建多頁(yè)面設(shè)計(jì)。

data-role="header",頁(yè)眉或標(biāo)題欄。

data-role="content",是內(nèi)容主體的包裝容器。

data-role="footer",頁(yè)腳。

data-role="navbar",定義導(dǎo)航欄。

data-role="collapsible",可折疊。

data-role="collapsible-set",可折疊集合。（手風(fēng)琴）

data-position='fixed'，可以將頁(yè)腳定位在屏幕底部，其實(shí)，如果頁(yè)面高度沒(méi)有屏幕高度高

，會(huì)定位在頁(yè)面底部。

data-transition="",設(shè)置頁(yè)面轉(zhuǎn)換效果，值為slide(滑動(dòng))，slideup(卷起)，slidedown(向

下滑動(dòng))，pop(彈出)，fade(淡入淡出)，flip(翻轉(zhuǎn))，none(無(wú))。

  頁(yè)面到頁(yè)面的轉(zhuǎn)換過(guò)程，其實(shí)，步驟是這樣的：

1、用戶輕巧按鈕，導(dǎo)航到下一個(gè)頁(yè)面。

2、框架使用一個(gè)Hijax請(qǐng)求載入下一個(gè)頁(yè)面，然后添加到當(dāng)前頁(yè)面的DOM中，當(dāng)前頁(yè)面其實(shí)是

和下一個(gè)頁(yè)面并排放置的，因此準(zhǔn)備發(fā)生一個(gè)平滑轉(zhuǎn)換。

3、框架轉(zhuǎn)換到另一個(gè)頁(yè)面。

4、顯示下一個(gè)頁(yè)面，轉(zhuǎn)換完成。

data-role="dialog",彈層。

data-rel="back"， 設(shè)置返回按鈕。

data-role="button"， 設(shè)置按鈕。

屬性：

data-corners="frue/false",設(shè)置按鈕是否有圓角。

data-mini="frue/false",設(shè)置是否是小按鈕。

data-shadow="frue/false",設(shè)置按鈕是否有陰影。

data-inline="true",設(shè)置多個(gè)按鈕并排顯示。

圖標(biāo):

data-icon="arrow-l",左箭頭。

data-icon="arrow-r",右箭頭。

data-icon="delete",刪除。

data-icon="info",信息。

data-icon="home",首頁(yè)。

data-icon="back",返回。

data-icon="search",搜索。

data-icon="grid",網(wǎng)絡(luò)。

data-iconpos 可以用來(lái)定位圖標(biāo)。值為：top,bottom,left,right

data-iconpos="notext",只顯示圖標(biāo)。

data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u"，設(shè)置折疊圖標(biāo)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞名稱：jquerymodile筆記-創(chuàng)新互聯(lián)
文章URL：http://jinyejixie.com/article36/ccjcpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、建站公司、自適應(yīng)網(wǎng)站、ChatGPT、標(biāo)簽優(yōu)化、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)