جی کوئری موبایل-مثال ها
صفحات در جی کوئری موبایل
یک صفحه ی موبایل ساده
صفحات چندگانه
جعبه ی گفتگو
انتقال ها در جی کوئری موبایل
افکت Fade
افکت Flip
افکت Flow
افکت pop
افکت Slide
افکت slidefade
افکت Slideup
افکت Slidedown
افکت Turn
بدون افکت انتقال
افکت معکوس شده
دکمه ها در جی کوئری موبایل
ایجاد یک دکمه
دکمه های خطی
دکمه های گروهی
دکمه های برگشت
تغییر دادن رنگ دکمه
دکمه های با یا بدون گوشه های گرد شده
دکمه ها با اندازه ی کوچک یا منظم
دکمه های دارای سایه یا بدون سایه
آیکن های دکمه در جی کوئری موبایل
اضافه کردن آیکن به دکمه
اضافه کردن آیکن های بیشتر( آیکن ها در ورژن 1.4 معرفی شده اند)
مکان گذاری آیکن ها
نمایش دادن آیکن مورد نظر، به تنهایی
حذف کردن دایره آیکن
پاپ آپ ها در جی کوئری موبایل
ایجاد یک پاپ آپ ساده
اضافه کردن padding و margin به پاپ آپ
بستن پاپ آپ به وسیله ی یک دکمه ی close در سمت راست
بستن پاپ آپ به وسیله ی یک دکمه ی close در سمت چپ
پاپ آپ غیر قابل بستن
مکان گذاری پاپ آپ ها
پاپ آپ های انتقالی
پیکان های پاپ آپ
جعبه ی گفتگو در پاپ آپ
عکس های پاپ آپ
نوار ابزارها در جی کوئری موبایل
ایجاد یک header و footer
اضافه کردن دکمه ها در header
اضافه کردن یک دکمه به سمت چپ در header
اضافه کردن یک دکمه به سمت راست در header
قسمت footer به همراه دکمه ها
قسمت Footer به همراه دکمه های وسط چین شده
قسمت Footer به همراه دکمه های گروه بندی شده ی افقی
مکان گذاری inline- خطی بودن header و footer با محتوای صفحه
مکان گذاری fixed- قسمت های header و footer سر جای خود، در بالا و پایین صفحه باقی می مانند.
مکان گذاری Fullscreen- قسمت های header و footer سر جای خود، در بالا و پایین صفحه باقی مانده، به طوری که بر روی صفحه قرار دارند.
نوارهای هدایتی در جی کوئری موبایل
ایجاد یک نوار هدایتی
آیکن ها در دکمه های ناوبری
نوارهای هدایتی در محتوا
نوارهای هدایتی در footer
اضافه کردن حالت فشار داده شده برای دکمه ها در نوارهای هدایتی
ایجاد حالت فشار داده شده به طور دائمی
مکان گذاری آیکن ها: ترازبندی بالا
مکان گذاری آیکن ها: ترازبندی سمت راست
مکان گذاری آیکن ها: ترازبندی سمت پایین
مکان گذاری آیکن ها: ترازبندی سمت چپ
یک نسخه ی نمایشی از قرار گرفتن 10 دکمه در نوار هدایتی
پنل ها در جی کوئری موبایل
ایجاد یک پنل ساده
یک پنل به همراه یک دکمه ی بستن
تغییر دادن نمایش پنل مورد نظر
مکان گذاری یک پنل به راست
ثابت کردن مکان یک پنل
پیش ساخته ها در جی کوئری موبایل
ایجاد یک قطعه محتوای پیش ساخته
توسعه دادن محتوا هنگامی که صفحه لود می شود
پیش ساخته های تو در تو
مجموعه های پیش ساخته(آکاردئون)
حذف کردن گوشه های گرد شده در پیش ساخته ها
کوچکتر کردن پیش ساخته ها
تغییر دادن آیکن پیش ساخته ها
تغییر دادن مکان آیکن در پیش ساخته ها
جدول ها در جی کوئری موبایل
ایجاد یک جدول با قابلیت تغییر سایز
ایجاد یک ستون با قابلیت کم و زیاد شدن
تغییر دادن متن دکمه ی جدول که دارای قابلیت کم و زیاد شدن است
اضافه کردن سایه ها به جدول مورد نظر
اضافه کردن یک کادر زیرین به تمام ردیف های جدول
اضافه کردن یک رنگ پس زمینه به تمام ردیف های جدول
شبکه بندی(grid) در جی کوئری موبایل
طرح بندی دو ستونه
طرح بندی سه ستونه
طرح بندی 4 ستونه
طرح بندی 5 ستونه
شبکه بندی شخصی
ردیف های چند گانه درون ستون ها
لیست ها در جی کوئری موبایل
ایجاد لیست های نمایشی
لیست های نمایشی به همراه گوشه های گرد شده
تقسیم کننده های لیست
تقسیم کننده های اتوماتیک
ایجاد لیست های فقط خواندنی
اضافه کردن پنل ها به آیتم های لیست
تغییر دادن آیکن لینک پیش فرض برای آیتم های لیست
اضافه کردن آیکن به آیتم های لیست
اضافه کردن عکس های بندانگشتی به آیتم های لیست
اضافه کردن کدهای html برای پر کردن آیتم های لیست از اطلاعات
ایجاد لیست به همراه دکمه
کاربردی تر کردن آیتم های لیست
ایجاد شمارشگر ها
لیست های پاپ آپ
لیست های پیش ساخته
لیست های پیش ساخته پاپ آپ
لیست های پیش ساخته تمام عرض
ایجاد یک تقویم
فیلترها در جی کوئری موبایل
ایجاد یک فیلد جستجو برای لیست ها
تغییر دادن متن درون فیلد جستجو
فیلتر شخصی
فیلتر کردن لیست های پیش ساخته
فیلتر کردن جدول ها
فیلتر کردن یک عنصر <div>
فرم ها در جی کوئری موبایل
متن های ورودی
اضافه کردن یک آیکن در دکمه های ورودی
اضافه کردن یک دکمه ی پاک کردن در ورودی ها
ورودی text area
ورودی search
دکمه های رادیویی
چک باکس ها
گروه بندی کردن دکمه های رادیویی و چک باکس ها به صورت افقی
ظرف ها به همراه دکمه های رادیویی و چک باکس ها
از قبل انتخاب کردن یک دکمه ی رادیویی یا یک چک باکس
قرار دادن یک فرم در یک پاپ آپ
اجتناب از استایل دهی اتوماتیک عناصر قابل کلیک/ضربه توسط جی کوئری موبایل
ایجاد یک منوی انتخابی
ایجاد منوهای انتخابی با تقسیم کننده ها(optgroup)
شخصی سازی منوهای انتخابی
انتخاب چند گزینه در منوی انتخابی
گروه بندی کردن منوهای انتخابی
گروه بندی کردن منوهای انتخابی به صورت افقی
کوچک کردن منوهای انتخابی
از قبل انتخاب کردن یک گزینه
گزینه ی پاپ آپ
فرم های پیش ساخته
تغییر دادن آیکن پیش فرض انتخابی
تغییر دادن مکان آیکن
ایجاد یک نوار لغزنده
نشان دادن مقدار، بر روی دکمه ی لغزنده
نشان دادن مقدار به صورت پاپ آپ به هنگام لقزش دکمه
رنگی کردن مسیر انتخاب شده تا دکمه ی لغزش
محدوده ی نوار لغزنده(دو تایی)
ایجاد یک دکمه ی دو حالته
تغییر دادن متن روی دکمه ی دو حالته
از قبل انتخاب شدن یک دکمه ی دو حالته
استایل دهی کردن به دکمه ی دو حالته
تم ها در جی کوئری موبایل
تم a
تم b
تم گذاری بر روی header و footer
تم گذاری بر روی گفتگوها
تم گذاری بر روی دکمه ها
تم گذاری بر روی آیکن ها
تم گذاری بر روی پاپ آپ ها
تم گذاری دکمه ها در header و footer
تم گذاری بر روی نوارهای هدایتی
تم گذاری بر روی پنل ها
تم گذاری بر روی دکمه ها و محتوای پیش ساخته
تم گذاری بر روی لیست ها
تم گذاری بر روی دکمه های split
تم گذاری بر روی لیست های پیش ساخته
تم گذاری بر روی فرم ها
تم گذاری بر روی فرم های پیش ساخته
شخصی سازی تم ها
رویدادها در جی کوئری موبایل
رویداد ضربه
رویداد نگه داشتن ضربه
رویداد ضربه زدن و کشیدن
رویداد ضربه زدن و کشیدن سمت چپ
رویداد ضربه زدن و کشیدن سمت راست
رویداد شروع اسکرول
رویداد متوقف شدن اسکرول
رویداد تغییر جهت-هشدار جهت
رویداد تغییر جهت- ست کردن استایل های مختلف برای حالت portrait و landscape
رویدادهای مقدار دهی اولیه به صفحه ها
رویدادهای لود شدن صفحه
رویدادهای انتقال صفحه
- نوشته شده توسط احسان عباسی
- بازدید: 7114
دیدگاهها
با سلام
واقعا تشکر می کنم از شما مدیر وب سایت محترم بابت مطالب مفید آموزنده
در پناه خداوند باشید