loading...
افزایش رتبه الکسا رایگان تضمینی
ثبت نام مستر کارت رایگان

برای ثبت نام بر روی تصویر کلیک نمایید

آخرین ارسال های انجمن
عنوان پاسخ بازدید توسط
پیامک زیبای فلسفی 0 124 hengame
اس ام اس خنده دار برای تجدید روحیه 0 108 hengame
اس ام اس مهربانی 0 108 hengame
اس ام اس سرکاری ماه رمضان 0 100 hengame
اس ام اس تبریک روز نیروی انتظامی 0 97 hengame
نحوه ورود به حالت Safe Mode در اندروید 0 106 ghazal
من او را دوست می دارم...(مرتضی درویشی) 0 99 ghazal
خیال نرگس مستت، ببست خوابم را (سلمان ساوجی) 0 112 ghazal
داستان طنز: از فرصت ها استفاده کنید! 0 96 ghazal
داستان عاشقانه همکلاسی 0 85 ghazal
اس ام اس خنده دار و سرکاری جدید 0 111 gelare
پیامک فلسفی جدید 0 83 gelare
اس ام اس خنده دار تبریک تولد 0 87 gelare
اس ام اس عاشقانه مخصوص روزای بارونی 0 102 gelare
اس ام اس عاشورای حسینی 0 94 gelare
عاشق شدن پادشاه بر کنیزک رنجور ( مولوی ) 0 93 yasamin
شعر شوق از فروغ فرخزاد 0 75 yasamin
داستان عشق و ثروت و موفقیت 0 85 yasamin
اس ام اس شهادت امام سجاد (ع) 0 85 yasamin
گفت‌وگویی پیرامون ازدواج (طنز) 0 90 yasamin
اس ام اس فلسفی و جملات قصار زیبا (8) 0 105 ziiba
اس ام اس روز عشق 0 76 ziiba
اس ام اس خنده دار و سرکاری تابستان 0 82 ziiba
اس ام اس ضد پسر 0 85 ziiba
اس ام اس ولادت امام موسی کاظم(ع) 0 83 ziiba
اس ام اس چهارشنبه سوری (2) 0 87 faranak
اس ام اس سرکاری ماه رمضان(2) 0 82 faranak
اس ام اس طنز و خنده دار (5) 0 97 faranak
اس ام اس فلسفی و جملات قصار زیبا (5) 0 81 faranak
اس ام اس خاطره های عاشقانه و غمگین 0 90 faranak
Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)

در این بخش از آموزش jquery ، افکت fadeOut را در طراحی سایت آموزش می دهیم.

افکت fadeOut باعث می شود تا عنصر مورد اثر آن به تدریج از حالت نمایان به حالت مخفی در بیاید. این افکت در یک افکت تصویری با کم کردن نور عنصر به تدریج باعث مخفی شدن آن از دید کاربر می شود .

شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).fadeOut ( speed , callback )

selector :عنصری است که این افکت باعث مخفی شدن آن می شود . 

speed :این پارامتر اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر به تدریج مخفی شود را نعیین می کنید . مثلا 100 ms .
تعیین بر اساس 3 حالت کلی زیر : در این حالت با انتخاب یکی از 3 مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
"slow"
"normal"
"fast"

callback : توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان یافتن اجرای افکت و مخفی شدن عنصر مورد نظر ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است . 
مثال زیر کاربرد افکت fadeOut را نشان میدهد:

مثال زیر تمام تگ <p> موجود در صفحه که مرئی و قابل دیده شدن میباشند  را به تدریج محو می کند.
$("button").click(function(){ $("p").fadeOut(); });

مثال دیگر :
$("button").click(function(){ $("#div1").fadeOut(); $("#div2").fadeOut("slow"); $("#div3").fadeOut(3000); });

Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)

 

 در جی کوئری می‌توان از خصوصیت فراخوانی زنجیره‌ای متدھا استفاده نمود و این باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه کد بسیار مختصر گردد.

در مثال زیر می‌خواهیم تمام عناصر  تگ <div>  در صورتی که دارای کلاس notLongForThisWorld باشند را مخفی (با فید شدن) کنیم.
$("div.notLongForThisWorld").fadeOut();

یکی از مزیت‌های اکثر متدهای قابل اجرا بروی مجموعه عناصر انتخاب شده آن است که خروجی خود آنها مجموعه‌ای دیگر است. به این معنا که خروجی این متد، آماده اعمال یک متد دیگر است.
فرض کنید در مثال بالا بخواهیم پس از مخفی کردن هر تگ <div> بخواهیم یک کلاس به نام removedبه آن بیافزاییم. به این منظور می‌توان کدی مانند زیر نوشت:


$("div.notLongForThisWorld").fadeOut().addClass("removed");

این زنجیره متدها می‌توانند به هرتعداد ادامه پیدا کند.

Hadi بازدید : 0 پنجشنبه 17 بهمن 1392 نظرات (0)

تابع Callback در jquery

تابع Callback در جیکوئری بعد از اینکه عمل مخفی (و یا آشکار شدن) کامل شد اجرا می شود.

مثال با تابع Callback

در مثال زیر تابع  alert  بعد از اجرا شدن  افکت hide  اجرا میشود:
$("button").click(function(){ $("p").hide("slow",function(){ alert("The paragraph is now hidden"); }); });

 مثال بدون تابع Callback

در مثال زیر تابع  alert  قبل از اجرا شدن افکت hide  اجرا میشود:
$("button").click(function(){ $("p").hide(1000); alert("The paragraph is now hidden"); });

تعداد صفحات : 134

درباره ما
ارایه جدیدترین آموزش ها ترفندها نرم افزارها و...مربوط به سایر شبکه های اجتماعی مانند نامد نیمباز واتس اپ موزات و...نرم افزارهای کاربردی ،مدیریتی ،گرافیکی ،مهندسی،برنامه نویسی و...،پیامکسرا ،مرکز تصاویر ،قالب سایت و ویلاگ ،اخبار روز جهان و ایران ،افزایش بازدید سایت و وبلاگ,رتبه الکسا
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    نظرسنجی
    به سایت ما چه امتیازی میدهید؟
    آپلودرها


    آمار سایت
  • کل مطالب : 402
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 74
  • آی پی امروز : 1
  • آی پی دیروز : 45
  • بازدید امروز : 3
  • باردید دیروز : 68
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 480
  • بازدید ماه : 1,578
  • بازدید سال : 8,557
  • بازدید کلی : 94,242