淺談jQuery Mobile CSS Classes | 腦爸打有限公司

淺談jQuery Mobile CSS Classes


手機應用程式開發 專家!

Compbrother 腦爸打 @ 手機應用程式開發 小知識教學: 淺談jQuery Mobile CSS Classes

文章發佈日期: 2022-02-23

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

網頁程式設計員對CSS也絕不會陌生,而手麼應用程式Apps編程jQuery Mobile方面,亦同樣有CSS的概念,可以讓網頁程式設計員更輕鬆更容易上手手麼應用程式Apps編程。現在與大家宏觀上一起看看:

Global Classes
ui-corner-all: 圓角形樣式設置
ui-shadow: 陰影樣式設置
ui-overlay-shadow: 覆蓋陰影樣式設置
ui-mini: 縮小樣式設置

按鈕 CSS Classes
ui-btn 按鈕樣式設置
ui-btn-inline 內聯顯示按鈕樣式設置
ui-btn-icon-top 把圖標置於按鈕文字上
ui-btn-icon-right 把圖標置於按鈕文字右邊
ui-btn-icon-bottom 把圖標置於按鈕文字下
ui-btn-icon-left 把圖標置於按鈕文字左邊
ui-btn-icon-notext 按鈕只顯示圖標
ui-btn-a|b 按鈕顏色設置,a 是指原初的灰背景黑文字,b是指黑背景白色文字

圖標 CSS Classes
ui-icon-action 箭頭
ui-icon-alert 三角形裡面的感嘆號
ui-icon-audio 揚聲器
ui-icon-arrow-d-l 左下箭頭
ui-icon-arrow-d-r 右下箭頭
ui-icon-arrow-u-l 左上箭頭
ui-icon-arrow-u-r 右上箭頭
ui-icon-arrow-l 左箭頭
ui-icon-arrow-r 右箭頭
ui-icon-arrow-u 上箭頭
ui-icon-arrow-d 下箭頭
ui-icon-calendar 月曆
ui-icon-camera 相機
ui-icon-carat-d 向下插入符號
ui-icon-carat-l 向左插入符號
ui-icon-carat-r 向右插入符號
ui-icon-carat-u 向上插入符號
ui-icon-check 複選標記
ui-icon-clock 鐘
ui-icon-cloud 雲
ui-icon-comment 評論
ui-icon-delete 刪除
ui-icon-edit 更新
ui-icon-eye 眼睛
ui-icon-forbidden 禁止符號
ui-icon-gear 齒輪
ui-icon-grid 邊框
ui-icon-heart 心心
ui-icon-home 家
ui-icon-info 訊息
ui-icon-location 地點
ui-icon-lock 鎖
ui-icon-mail 郵件
ui-icon-navigation 瀏覽
ui-icon-phone 電話
ui-icon-power 開關制
ui-icon-plus 新增符號
ui-icon-recycle 循環系統 符號
ui-icon-refresh 更新符號
ui-icon-search 放大鏡搜尋
ui-icon-shop 商舖
ui-icon-star 星
ui-icon-tag 標籤
ui-icon-user 用戶
ui-icon-video 影片
主題 CSS Classes ui-bar-(a-z) 定義bar的顏色 ui-body-(a-z) 定義body的顏色 ui-btn-(a-z) 定義按鈕的顏色 ui-group-theme-(a-z) 定義group的顏色 ui-page-theme-(a-z) 定義頁面的主題顏色



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



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.