2017年10月5日木曜日

UI,data-icon

data-icon
ボタンに対してdata-iconを付加することことでボタンにアイコンを付けることが可能です。
たとえば削除アイコンをつけたい場合は「data-icon=”delete”」を追加します。
 Delete
他にも、以下のような値が指定可能です。
 •data-icon=”arrow-l”
 •data-icon=”arrow-r”
 •data-icon=”arrow-u”
 •data-icon=”arrow-d”
 •data-icon=”delete”
 •data-icon=”plus”
 •data-icon=”minus”
 •data-icon=”check”
 •data-icon=”gear”
 •data-icon=”refresh”
 •data-icon=”forward”
 •data-icon=”back”
 •data-icon=”grid”
 •data-icon=”star”
 •data-icon=”alert”
 •data-icon=”info”
 •data-icon=”home”
 •data-icon=”search”
 •data-icon=”bars”
 •data-icon=”edit”
アイコンの表示位置はdata-iconpos属性で制御できます。

webcreativepark.net
http://www.webcreativepark.net/jquerymobile/buttons/data-icon/

0 件のコメント:

コメントを投稿