جی کوئری موبایل-مرجع آیکن ها
آیکن های جی کوئری
برای اینکه در جی کوئری موبایل، به عناصر <a> و <button> آیکن اضافه کنید، از کلاس آیکن مورد نظر استفاده کنید و آیکن مورد نظر را مانند زیر، مکان دهی کنید( تنها استثناها نوارهای هدایتی هستند):
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">Refresh Page</a>
برای اضافه کردن یک آیکن به دکمه های <input> می توانید از خصوصیت data-icon استفاده کنید:
برای اضافه کردن یک آیکن به دکمه های هدایتی(navbar)، از خصوصیت data-icon استفاده کنید:
برای اضافه کردن یک آیکن به دکمه های لیست، از خصوصیت data-icon در عناصر <li> استفاده کنید:
در لیست زیر، ما تمام آیکن های امکان پذیر را برای جی کوئری موبایل، قرار داده ایم:
مقدار | توضیحات | مثال |
---|---|---|
action | Action | امتحان کنید |
alert | Alert | امتحان کنید |
audio | Audio / Sound / Speakers | امتحان کنید |
arrow-d-l | Arrow pointing downwards to the left | امتحان کنید |
arrow-d-r | Arrow pointing downwards to the right | امتحان کنید |
arrow-u-l | Arrow pointing upwards to the left | امتحان کنید |
arrow-u-r | Arrow pointing upwards to the right | امتحان کنید |
arrow-l | Arrow pointing left | امتحان کنید |
arrow-r | Arrow pointing right | امتحان کنید |
arrow-u | Arrow pointing up | امتحان کنید |
arrow-d | Arrow pointing down | امتحان کنید |
back | Back | امتحان کنید |
bars | Bars | امتحان کنید |
bullets | Bullets | امتحان کنید |
calendar | Calendar | امتحان کنید |
camera | Camera | امتحان کنید |
carat-d | Carat pointing down | امتحان کنید |
carat-l | Carat pointing left | امتحان کنید |
carat-r | Carat pointing right | امتحان کنید |
carat-u | Carat pointing up | امتحان کنید |
check | Checkmark | امتحان کنید |
clock | Clock | امتحان کنید |
cloud | Cloud | امتحان کنید |
comment | Comment | امتحان کنید |
delete | Delete (X) | امتحان کنید |
edit | Edit / Pencil | امتحان کنید |
eye | Eye | امتحان کنید |
forbidden | Forbidden sign | امتحان کنید |
forward | Forward | امتحان کنید |
gear | Gear | امتحان کنید |
grid | Grid | امتحان کنید |
heart | Heart / Love symbol | امتحان کنید |
home | Home | امتحان کنید |
info | Information | امتحان کنید |
location | Location / GPS | امتحان کنید |
lock | Lock / Padlock | امتحان کنید |
Mail / Letter | امتحان کنید | |
minus | Minus | امتحان کنید |
navigation | Navigation | امتحان کنید |
phone | Telephone | امتحان کنید |
power | Power (On/off) | امتحان کنید |
plus | Plus | امتحان کنید |
recycle | Recycle | امتحان کنید |
refresh | رفرش | امتحان کنید |
search | جستجو | امتحان کنید |
shop | Shop / Pag / Purse | امتحان کنید |
star | ستاره | امتحان کنید |
tag | Tag | امتحان کنید |
user | User / Person | امتحان کنید |
video | Video Camera | امتحان کنید |
- نوشته شده توسط احسان عباسی
- بازدید: 6121