看不穿jquerymobile基礎(chǔ)教程12講6.第五navbarheader toolbarsfooter

1、第五講Navbar，Header toolbars，F(xiàn)ooter toolbar，Collapsibles學(xué)習(xí)要點(diǎn)：1.2.3.4.NavbarHeader toolbars Footer toolbar Collapsibles主講教師：（樹根）合作：(PhoneGap 中文網(wǎng))一、Navbar1. 簡單的NavbarOneOneTwoOneTwoThreeFour二、Header toolbars1.頭部的NavbarsIm a headerOptions導(dǎo)航欄上最多有 5 個項(xiàng)目，每個占 1/5 的瀏覽器窗口的寬度：OneTwoThreeFourFive當(dāng)多于 5 行的時候OneTwoT

2、hreeFourFiveSixSevenEightNineTen三、Footer toolbar底部的NavbarsIm the footerOneTwoThree底部的Navbars 注意data-icondata-iconOneTwoThree 2.CancelMy AppSave 3.自定義CancelEdit ContactSave4.class=ui-btn-rightPage TitleOptions 5.SummaryFavsSetup3.data-icon=leftSummaryFavsSetupdata-icon=right4.自定義樣式ChatDangerBeerCoffe

3、e四、Collapsibles1.簡單的折疊2帶樣式折疊3.dollapsed=false 讓折疊塊默認(rèn)展開4.mini 折疊塊HeadingList item 1HeadingList item 1List item 2List item 3HeadingIm the collapsible content withemed content block set to d.HeadingIm the collapsible content. By default Im closed, but you can click the header to open me.5.AddUpDown5.do

4、llapsed-icon=arrow-ddata-expanded-icon=arrow-u 改變這點(diǎn)快的方向，可以設(shè)置data-icon=right6.form 折疊的示例7.一個系列的collapsiblesLegendText Input:OneTwoThreeHeadingRead-only list item 1Read-only list item 2Read-only list item 3List item 2List item 3感謝收看本次PetsCanaryCatDogGerbilIguanaMouseFarm animalsChickenCowDuckHorsePigSheepWild AnimalsAardvarkAlli