最新的Web開發教程
 

jQuery Mobile例子


jQuery Mobile的網頁

一個基本的移動網頁
多頁
對話框

舉例說明


jQuery Mobile的轉變

淡入淡出效果
翻頁效果
流動效應
波普效果
幻燈效果
Slidefade效果
效果基本show效果
了slideDown效果
關閉效果
沒有過渡效果
相反的效果

舉例說明


jQuery Mobile的按鈕

創建按鈕
內嵌按鈕
分組按鈕
後退按鈕
更改按鈕的顏色
帶或不帶圓角的按鈕
小或正常大小的按鈕
帶或不帶按鍵的陰影

舉例說明


jQuery Mobile的按鍵圖標

添加圖標按鈕
添加更多的圖標(在版本中引入的圖標1.4)
定位圖標
僅顯示圖標
取出圓(盤) 更改圖標的顏色

舉例說明


jQuery Mobile的彈出窗口

創建基本彈出
添加填充和保證金彈出
用正確的關閉按鈕關閉彈出
用左關閉按鈕關閉彈出
Undismissible彈出
定位彈出窗口
過渡彈出窗口
彈出箭頭
彈出對話框
彈出照片

舉例說明


jQuery Mobile的工具欄

創建一個標題和頁腳
添加按鈕標題
添加一個按鈕中的左側頭部
將按鈕添加到右側標題
頁腳的按鈕
頁腳與中心對齊按鈕
頁腳與水平分組按鈕
內嵌位置-頁眉和頁腳內嵌頁面內容
固定位置-頁眉和頁腳將繼續定位在頁面的頂部和底部
全屏位置-頁眉和頁腳保持定位在頂部和底部,但也超過了頁內容

舉例說明


jQuery Mobile的導航欄

創建導航欄
在導航按鈕圖標
內容導航欄
在頁腳導航條
添加選中(按下)尋找在導航欄按鈕
添加選定(按下)堅持一下
定位圖標:上對齊
定位圖標:右對齊
定位圖標:底部對齊
定位圖標:左對齊
10按鈕導航欄演示

舉例說明


jQuery Mobile的面板

創建基本面板
一個關閉按鈕的面板
更改平板顯示器
右位置的面板
固定面板位置

舉例說明


jQuery Mobile的Collapsibles

創建內容的可折疊塊
展開內容頁面加載時
嵌套可折疊塊
可折疊套(手風琴)
卸下collapsibles圓角
讓collapsibles小
更改collapsibles圖標
更改collapsibles的圖標位置

舉例說明


jQuery Mobile的表

創建回流表
創建一個列切換台
更改切換台按鈕文本
添加陰影表
底部邊框添加到所有的表行
背景色添加到所有的表行

舉例說明


jQuery Mobile的網格

兩欄佈局
三欄佈局
四列佈局
五列佈局
自定義網格
裡面列多行

舉例說明


jQuery Mobile的列表

創建列表視圖
帶有圓角的列表視圖
列表分隔
Autodividers
創建只讀列表
插入板的列表項
對於列表項更改默認的鏈接圖標
添加圖標列表項
加入縮略圖列表項
添加HTML元素,以填補信息列表項
創建拆分按鈕列表
使列表項功能更強大
創建計數泡沫
彈出列表
可折疊列表
可折疊彈出列表
全寬可折疊列表
創建日曆

舉例說明


jQuery Mobile的過濾器

創建列表的搜索字段
更改搜索領域內的文本
自定義過濾器
過濾可折疊列表
過濾表
過濾一個<div>元素

舉例說明


jQuery Mobile的形式

文本輸入框
添加在輸入按鈕的圖標
添加在輸入的“清除”按鈕
文本區域
搜索輸入
單選按鈕
複選框
單選按鈕組和水平複選框
現場容器用單選按鈕和複選框
預先選擇單選按鈕/複選框
放置形式的彈出窗口中
防止jQuery Mobile的自動樣式tappable元素
創建一個選擇菜單
創建分頻器選擇菜單(OPTGROUP)
選擇自定義菜單
在Select菜單中的多個選項
集團選擇菜單
集團選擇菜單水平
縮小選擇菜單
預先選擇一個選項
彈出的選擇
可折疊的形式
更改默認選擇圖標
更改圖標位置
創建一個滑塊控件
顯示上的滑塊按鈕的價值
使屏幕作為用戶幻燈片上的值彈出
選取曲目到滑塊值
範圍滑塊(雙)
創建一個翻轉切換開關
更改翻轉開關上的文字
預先選擇一個翻轉開關
風格切換翻轉

舉例說明


jQuery Mobile的主題

主題為“一”
主題為“B”
主題化頁眉和頁腳
主題化的對話框
主題化按鈕
主題化圖標
主題化彈出窗口
在頁眉和頁腳主題化按鈕
主題化導航欄
主題化板
主題化可折疊按鈕和內容
主題化列表
主題化拆分按鈕
主題化可折疊列表
主題化形式
可折疊的主題化形式
自定義主題

舉例說明


jQuery Mobile的活動

點擊事件
Taphold事件
刷卡事件
Swipeleft事件
Swiperight事件
scrollstart指示事件
Scrollstop事件
orientationChange事件-警報方向
orientationChange事件-設置不同風格的肖像和風景
頁面初始化事件
頁面加載事件
網頁過渡事件

舉例說明