سبد (0)

جی کوئری موبایل-مرجع آیکن ها

آیکن های جی کوئری

برای اینکه در جی کوئری موبایل، به عناصر <a> و <button> آیکن اضافه کنید، از کلاس آیکن مورد نظر استفاده کنید و آیکن مورد نظر را مانند زیر، مکان دهی کنید( تنها استثناها نوارهای هدایتی هستند):

 

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">Refresh Page</a>
خودتان امتحان کنید »
 
 

 

<button class="ui-btn ui-icon-refresh ui-btn-icon-left">Refresh Page</button>
خودتان امتحان کنید »

برای اضافه کردن یک آیکن به دکمه های <input> می توانید از خصوصیت data-icon استفاده کنید: 

 

<input type="button" value="Refresh page" data-icon="refresh">
خودتان امتحان کنید »

برای اضافه کردن یک آیکن به دکمه های هدایتی(navbar)، از خصوصیت data-icon استفاده کنید: 

 

<a href="#anylink" data-icon="refresh">Refresh Page</a>
خودتان امتحان کنید »

برای اضافه کردن یک آیکن به دکمه های لیست، از خصوصیت data-icon در عناصر <li> استفاده کنید: 

 

<li data-icon="refresh"><a href="#">Click me</a></li>
خودتان امتحان کنید »

در لیست زیر، ما تمام آیکن های امکان پذیر را برای جی کوئری موبایل، قرار داده ایم: 

مقدارتوضیحاتمثال
actionAction امتحان کنید
alertAlertامتحان کنید
audioAudio / Sound / Speakersامتحان کنید
arrow-d-lArrow pointing downwards to the leftامتحان کنید
arrow-d-rArrow pointing downwards to the rightامتحان کنید
arrow-u-lArrow pointing upwards to the leftامتحان کنید
arrow-u-rArrow pointing upwards to the rightامتحان کنید
arrow-lArrow pointing leftامتحان کنید
arrow-rArrow pointing rightامتحان کنید
arrow-uArrow pointing upامتحان کنید
arrow-dArrow pointing downامتحان کنید
backBackامتحان کنید
barsBars امتحان کنید
bulletsBulletsامتحان کنید
calendarCalendarامتحان کنید
cameraCameraامتحان کنید
carat-dCarat pointing downامتحان کنید
carat-lCarat pointing leftامتحان کنید
carat-rCarat pointing rightامتحان کنید
carat-uCarat pointing upامتحان کنید
checkCheckmarkامتحان کنید
clockClockامتحان کنید
cloudCloudامتحان کنید
commentCommentامتحان کنید
deleteDelete (X)امتحان کنید
editEdit / Pencilامتحان کنید
eyeEyeامتحان کنید
forbiddenForbidden signامتحان کنید
forwardForwardامتحان کنید
gearGearامتحان کنید
gridGridامتحان کنید
heartHeart / Love symbolامتحان کنید
homeHomeامتحان کنید
infoInformationامتحان کنید
locationLocation / GPSامتحان کنید
lockLock / Padlockامتحان کنید
mailMail / Letterامتحان کنید
minusMinusامتحان کنید
navigationNavigationامتحان کنید
phoneTelephoneامتحان کنید
powerPower (On/off)امتحان کنید
plusPlusامتحان کنید
recycleRecycleامتحان کنید
refreshرفرشامتحان کنید
searchجستجوامتحان کنید
shopShop / Pag / Purseامتحان کنید
starستارهامتحان کنید
tagTagامتحان کنید
userUser / Personامتحان کنید
videoVideo Cameraامتحان کنید

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان