jQuery Mobile Toolbars 小參考教學

 

jQuery Mobile Toolbars 小參考教學

jQuery Mobile Toolbars 小參考教學 @ 腦爸打 Compbrother

小知識教學類型: 手機應用程式開發

手機營光幕當然比電腦細得多,但具備多功能性或多資訊性的手機應用程式mobile apps,這時候就需善用jQuery Mobile Toolbars,以有限的空間去展示最多的功能選項和規劃手機應用程式的便用設計。而Toolbars可分為頂部的Header和底部的Footer:

Header Toolbars: 以data-role="header"置於 Div中,超連結中以class便可管理jQuery Mobile Header Toolbars了,例如設置左上方的主頁按紐ui-btn ui-icon-home ui-btn-icon-left,又或是左上方的搜尋選項ui-btn ui-icon-search ui-btn-icon-left,若想改為右邊顯示則可改為使用ui-btn-right。

Footer Toolbars: 以data-role="footer"置於 Div中,超連結中以class便可管理jQuery Mobile Footer Toolbars了,例如設置左下方的按紐ui-btn ui-icon-plus ui-btn-icon-left。



如需協助 「手機應用程式開發」 ,歡迎立即 聯絡我們!


此網誌的熱門文章

脑爸打有限公司

JavaScript Random - 網頁程式世界的隨機

選用只有一個頁面的網站? (缺點篇)