jQuery를 모바일 CSS 클래스
jQuery를 CSS의 클래스
jQuery를 모바일 CSS 클래스는 다른 요소의 스타일을합니다.
다음 목록은 일반적으로 CSS 스타일을 포함 :
글로벌 클래스
다음 클래스는 jQuery를 모바일 가젯에 (등 버튼, 도구 모음, 패널, 테이블, 목록,)를 사용할 수 있습니다 :
클래스 | 기술 |
---|---|
UI 코너 - 모든 | 요소 필렛 추가 |
UI 그림자 | 그림자 요소를 추가하려면 |
UI 오버레이 그림자 | 요소 다층 그림자를 추가 |
UI 미니 | 작은 요소를 보자 |
Button 클래스
글로벌 클래스 외에도 다음 클래스 (안 <입력> 버튼) <A>하거나 <버튼> 요소를 추가 할 수 있습니다 :
클래스 | 기술 |
---|---|
UI-btn을 | 버튼과 디스플레이로 <A> 요소를 추가 |
UI-btn을 인라인 | 같은 줄에 표시 버튼 |
UI-btn을-아이콘 탑 | 버튼의 텍스트를 통해 대상 아이콘 |
UI-btn을-아이콘을 오른쪽 | 버튼 텍스트의 오른쪽 타겟 아이콘 |
UI-btn을-아이콘 바닥 | 버튼 텍스트 아래 대상 아이콘 |
UI-btn을-아이콘을 왼쪽 | 버튼 텍스트의 왼쪽 타겟 아이콘 |
UI-btn을-아이콘 - notext | 전용 아이콘 표시 |
UI는-btn을-A | B를 | 지정 버튼 데모. "A"는 흰색 텍스트와 검은 배경의 색상을 변경할 수있는 기본 (회색 배경 스타일에 검은 색 텍스트), "B"입니다 |
아이콘 클래스
<A>에 사용 가능한 모든 이미지의 클래스와 <버튼> 요소 (참조 jQuery를 모바일 아이콘 참조 설명서 다른 요소에 사용하는 방법을 배울 수) :
Class | 图标描述 | 图标 |
---|---|---|
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-back | 返回 | |
ui-icon-bars | 三条水平线,一般用于展示列表按钮图标 | |
ui-icon-bullets | 用于展示列表按钮图标 | |
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 | 禁用标识 sign | |
ui-icon-forward | 撤销 - (返回上一步) | |
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-minus | 减号 | |
ui-icon-navigation | 导航 | |
ui-icon-phone | 电话 | |
ui-icon-power | 开关 (On/off) | |
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 | 视频 / 相机 |
주제 카테고리 클래스
A (회색)와 b (검정) : jQuery를 모바일 테마는 두 개의 클래스를 제공합니다. 그러나 사용자 정의 클래스를 만들 수 있습니다 - 문자 "Z"를 정의 (참조 jQuery를 모바일 테마 ). 다음 표는 사용 가능한 테마 클래스를 나열합니다. 문자 (AZ)는 Z에 스타일을 지정할 수 있음을 의미합니다. 예를 들어, UI 바-a 또는 UI 바-B 등하십시오.
클래스 | 기술 |
---|---|
UI - 바 - (AZ) | 머리글, 바닥 글 및 기타 섹션 - 열 데모를 지정합니다 |
UI 차체 (AZ) | 콘텐츠의 조각의 색상 지정 - 콘텐츠 섹션 페이지 (버전 1.4.0 사용되지 않음), 목록보기, 팝, 사이드 패널, 부하를 붕괴. |
UI-btn- (AZ) | 버튼의 색상을 설정합니다 |
UI 그룹 - 테마 - (AZ) | 그것은 대조군 프리젠 테이션의 ListView와 접을 수있는 컬렉션을 정의합니다. |
UI-overlay- (AZ) | 대화 상자, 팝업 및 기타 최상위 페이지를 포함하여 페이지 배경 색상, 용기에 표시 정의 |
UI 페이지 - 테마 - (AZ) | 페이지 데모를 정의 |
그리드 클래스
그리드 열은 동일한 폭 (총 100 %), 아니 테두리, 배경, 마진이나 패딩의이다. 네 개의 레이아웃 격자를 사용할 수있다 :
그리드 클래스 | 열 | 열 너비 | 통신 | 예 |
---|---|---|---|---|
UI-그리드 솔로 | (1) | 100 % | ▽를 블록-A | 시험 |
UI 그리드-A | 이 | / 50 % 50 % | ▽를 블록-A | B | 시험 |
UI 그리드-B | 3 | / 33 % / 33 % 33 % | ▽를 블록-A | B | C | 시험 |
UI 그리드-C | 4 | / 25 % / 25 % / 25 % 25 % | ▽를 블록-A | B | C | D | 시험 |
UI 그리드-D | (5) | / 20 % / 20 % / 20 % / 20 % 20 % | ▽를 블록-A | B | C | D | E | 시험 |
추가 정보를 사용할 수 있습니다 jQuery를 모바일 그리드 섹션을 참조하십시오.