国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目錄 搜尋
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁面 jQuery Mobile 頁面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標 jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動條 jQuery Mobile 列表 jQuery Mobile 列表視圖 jQuery Mobile 列表內(nèi)容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 觸摸事件 jQuery Mobile 滾屏事件 jQuery Mobile 方向改變事件 jQuery Mobile 實例 jQuery Mobile Data 屬性 jQuery Mobile 圖標 jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 屬性 jQuery event.data 屬性 jQuery event.delegateTarget 屬性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 屬性 jQuery event.pageX 屬性 jQuery event.pageY 屬性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 屬性 jQuery event.result 屬性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 屬性 jQuery event.timeStamp 屬性 jQuery event.type 屬性 jQuery event.which 屬性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 頁面事件 jQuery Mobile CSS 類 jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標
文字

jQuery Mobile 按鈕圖標



jQuery Mobile 提供了一套讓按鈕看起來更稱心如意的圖標。

添加圖標到 jQuery Mobile 按鈕

如需添加圖標到您的按鈕,請使用 data-icon 屬性:

<a?href="#anylink"?data-role="button"?data-icon="search">Search</a>

提示:您也可以在 <button> 或 <input> 元素上使用 data-icon 屬性。

下面我們列出一些 jQuery Mobile 提供的可用圖標:

屬性值 描述 實例
data-icon="arrow-l" 左箭頭 實例?
data-icon="arrow-r" 右箭頭 實例?
data-icon="delete" 刪除 實例?
data-icon="info" 信息 實例?
data-icon="home" 首頁 實例?
data-icon="back" 后退 實例?
data-icon="search" 搜索 實例?
data-icon="grid" 網(wǎng)格 實例?

如需查看所有 jQuery Mobile 按鈕圖標的完整參考手冊,請訪問我們的 jQuery Mobile 圖標參考手冊。


定位圖標

您也可以規(guī)定圖標定位在按鈕的什么部位:頂部(top)、右側(cè)(right)、底部(bottom)、左側(cè)(left)。

請使用 data-iconpos 屬性來指定位置:

圖標的位置:

<a href="#link" data-role="button" data-icon="search" data-iconpos="top">頂部</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="right">右側(cè)</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">底部</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="left">左側(cè)</a>
效果預覽 ?


默認情況下,所有的按鈕圖標被放置到左側(cè)。

只顯示圖標

如果只想顯示圖標,請設置 data-iconpos 為 "notext":

后退:

<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">搜索</a>
效果預覽 ?



上一篇: 下一篇: