ระดับมือถือ jQuery CSS
คลาส CSS jQuery
มือถือ jQuery CSS ชั้นสไตล์องค์ประกอบที่แตกต่าง
รายการต่อไปนี้มีรูปแบบ CSS ทั่วไป:
ระดับทั่วโลก
เรียนต่อไปนี้สามารถใช้ (ปุ่มแถบเครื่องมือแผงตาราง, รายการ, ฯลฯ ) ใน gadget jQuery มือถือ:
| ชั้น | ลักษณะ |
|---|---|
| UI-มุมทั้งหมด | เพิ่มเนื้อองค์ประกอบ |
| UI เงา | ในการเพิ่มองค์ประกอบเงา |
| UI ซ้อนทับเงา | เพิ่มองค์ประกอบหลายชั้นเงา |
| UI มินิ | ให้องค์ประกอบขนาดเล็ก |
ระดับปุ่ม
นอกจากนี้ยังมีระดับโลกที่คุณสามารถเพิ่มระดับต่อไป (ไม่ <input> ปุ่ม) เพื่อ <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 | 视频 / 相机 |  |
หัวข้อหมวดหมู่เรียน
ธีมมือถือ jQuery มีสองชั้นเรียน: A (สีเทา) และ B (สีดำ) อย่างไรก็ตามคุณสามารถสร้างชั้นเรียนของคุณเอง - การกำหนดตัวอักษร "Z" (โปรดดู รูปแบบมือถือ jQuery ) ตารางต่อไปนี้แสดงรายการที่มีระดับรูปแบบ ตัวอักษร (AZ) หมายความว่าคุณสามารถระบุรูปแบบ A ถึง Z ยกตัวอย่างเช่น UI-บาร์หรือ UI-Bar-B และชอบ
| ชั้น | ลักษณะ |
|---|---|
| UI-Bar- (แอริโซนา) | ระบุสาธิตคอลัมน์ - ส่วนหัวส่วนท้ายและส่วนอื่น ๆ |
| ร่างกายของ UI-(แอริโซนา) | ระบุสีของชิ้นส่วนของเนื้อหา - หน้าส่วนเนื้อหา (เวอร์ชั่น 1.4.0 เก่า), มุมมองรายการ, ป๊อป, แถบด้านข้างแผงโหลดทรุดตัวลง |
| UI-btn- (แอริโซนา) | ระบุสีปุ่ม |
| UI-กลุ่ม Theme- (แอริโซนา) | มันกำหนดกลุ่มควบคุม listviews การนำเสนอและคอลเลกชันพับ |
| UI-โอเวอร์เลย์ (AZ) | กำหนดสีพื้นหลังของหน้ารวมถึงกล่องโต้ตอบป๊อปอัพและหน้าระดับบนสุดอื่น ๆ ปรากฏในภาชนะที่ |
| UI-หน้า Theme- (แอริโซนา) | กําหนดการสาธิตหน้า |
ระดับกริด
คอลัมน์ตารางมีความกว้างเท่ากัน (รวม 100%) ไม่มีเส้นขอบ, พื้นหลัง, ขอบหรือ padding มีรูปแบบที่สี่ตารางที่มีอยู่:
| ระดับกริด | แถว | ความกว้างของคอลัมน์ | จดหมาย | ตัวอย่าง |
|---|---|---|---|---|
| UI-ตารางเดี่ยว | 1 | 100% | UI บล็อก-A | ความพยายาม |
| UI ตาราง-A | 2 | 50% / 50% | UI-บล็อก a | b | ความพยายาม |
| UI ตาราง-B | 3 | 33% / 33% / 33% | UI บล็อก-A | B | C | ความพยายาม |
| UI ตาราง-C | 4 | 25% / 25% / 25% / 25% | UI บล็อก-A | B | C | D | ความพยายาม |
| UI ตาราง-D | 5 | 20% / 20% / 20% / 20% / 20% | UI บล็อก-A | B | C | D | E | ความพยายาม |
ข้อมูลเพิ่มเติมสามารถดู มือถือ jQuery กริด ส่วน