متد های محو شدگی در جی کوئری
با جی کوئری شما می توانید یک تگ را محو نمائید و آن را تماما غیر قابل روئیت بنماید.
جی کوئری برای محو کردن از متد های پایین به کار گیری می نماید.
fadeIn() fadeOut() fadeToggle() fadeTo()
متد fadeIn():
این متد برای ظواهر کردن تگی میباشد که فعلا پنهان میباشد.
نکته : گوگل به منابع تارنما ما دسترسی داراست و قادر است شعور نماید، طراحی سایت آموزشی که مقصود ما از نهفته کردن یک المان دادن افکت به آن میباشد و نمره منفی به آن وابستگی نمی گیرید، البته در صورتی به عنصرها خویش بی برهان استایل نهفته بودن بدهید ، گوگل تصور می نماید که شما برای موتور کاوش محتوایی تنظیم نموده اید، که برای مخاطب غیر قابل روءیت میباشد. و براین اساس شما نمره منفی خواهید گرفت، براین اساس از عنصرها پنهان جز برای تولید افکت حرکتی به کارگیری نکنید. این مقاله در کنفرانس هر ساله گوگل در سال 2014 بطور قانونی اعلام شدهاست.
روش به کار گیری از این متد :
$(selector).fadeIn(speed,callback);
پارامترSpeed مقطع افکت را انتخاب می نماید. این پارامتر قادر است مقادیر slow", "fast", یا این که milliseconds باشد. در شرایطی که درس قبلی را مطالعه کرده باشید مقادیر را با نمونه توضیح داده بودیم.
پارامترcallback یک عملگر میباشد که پس از اتمام افکت به اجرا گذارده می گردد.
نمونه پایین طرز استعمال از متد fadeIn() را نشان میدهد:
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
مشاهده سود
متد fadeOut()
این متد برای نهفته کردن یک تگ به کار گیری میشود.
طریق استعمال از متد fadeOut() :
$(selector).fadeOut(speed,callback);
پارامتر Speed مدت افکت را برحسب مقدار بصورت : "slow", "fast" یا این که میلی ثانیه نشان میدهد.
پارامتر Callback یک عملگر میباشد که پس از اتمام افکت به اجرا در می آید.
نمونه پایین طریق استعمال از متد fadeOut() را نشان میدهد:
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
مشاهده سود
متد fadeToggle()
این متد می تواند با یک خط کد، تگی را آشکار و یا این که مخفی نماید . براین اساس که در صورتیکه تگ نهفته بود علنی شده و در حالتی که آشکار باشد پنهان گردد.
طرز به کار گیری از این متد :
$(selector).fadeToggle(speed,callback);
پارامتر Speed بازه افکت را مشخص و معلوم می نماید. و می تواند مقادیر : "slow", "fast" و یا این که عددی بر حسب میلی ثانیه را بگیرید.
پارامتر callback یک عملگر میباشد که بعداز به آخر وصال افکت به اجرا در میآید .
در نمونه تحت روش به کارگیری از این متد توضیح داده شدهاست:
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
مشاهده فیض
متد Fadeto()
این متد به شما اذن میدهد عددی را میان 0 و 1 برای سود پایانی محو شدن گزینش نمائید.
شیوه استعمال از این متد:
$(selector).fadeTo(speed,opacity,callback);
پارامتر Speed برهه زمانی افکت را معین می نماید. و قادر است مقادیر : "slow", "fast" و یا این که عددی بر حسب میلی ثانیه را بگیرید.
پارامتر opacity همانطور که از نامش پیداست عددی را برای معیار شفافیت تگ بعداز اتمام افکت معلوم می نماید.
پارامتر callback یک عملگر میباشد که بعداز به آخر وصال افکت به اجرا در میاید .
نمونه تحت طریق به کارگیری از این افکت را نشان میدهد :
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
مشاهده فیض
متد های محو شدگی در جی کوئری
با جی کوئری شما می توانید یک تگ را محو نمائید و آن را تماما غیر قابل روئیت بنماید.
جی کوئری برای محو کردن از متد های پایین به کار گیری می نماید.
fadeIn() fadeOut() fadeToggle() fadeTo()
متد fadeIn():
این متد برای ظواهر کردن تگی میباشد که فعلا پنهان میباشد.
نکته : گوگل به منابع تارنما ما دسترسی داراست و قادر است شعور نماید، طراحی سایت آموزشی که مقصود ما از نهفته کردن یک المان دادن افکت به آن میباشد و نمره منفی به آن وابستگی نمی گیرید، البته در صورتی به عنصرها خویش بی برهان استایل نهفته بودن بدهید ، گوگل تصور می نماید که شما برای موتور کاوش محتوایی تنظیم نموده اید، که برای مخاطب غیر قابل روءیت میباشد. و براین اساس شما نمره منفی خواهید گرفت، براین اساس از عنصرها پنهان جز برای تولید افکت حرکتی به کارگیری نکنید. این مقاله در کنفرانس هر ساله گوگل در سال 2014 بطور قانونی اعلام شدهاست.
روش به کار گیری از این متد :
$(selector).fadeIn(speed,callback);
پارامترSpeed مقطع افکت را انتخاب می نماید. این پارامتر قادر است مقادیر slow", "fast", یا این که milliseconds باشد. در شرایطی که درس قبلی را مطالعه کرده باشید مقادیر را با نمونه توضیح داده بودیم.
پارامترcallback یک عملگر میباشد که پس از اتمام افکت به اجرا گذارده می گردد.
نمونه پایین طرز استعمال از متد fadeIn() را نشان میدهد:
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
مشاهده سود
متد fadeOut()
این متد برای نهفته کردن یک تگ به کار گیری میشود.
طریق استعمال از متد fadeOut() :
$(selector).fadeOut(speed,callback);
پارامتر Speed مدت افکت را برحسب مقدار بصورت : "slow", "fast" یا این که میلی ثانیه نشان میدهد.
پارامتر Callback یک عملگر میباشد که پس از اتمام افکت به اجرا در می آید.
نمونه پایین طریق استعمال از متد fadeOut() را نشان میدهد:
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
مشاهده سود
متد fadeToggle()
این متد می تواند با یک خط کد، تگی را آشکار و یا این که مخفی نماید . براین اساس که در صورتیکه تگ نهفته بود علنی شده و در حالتی که آشکار باشد پنهان گردد.
طرز به کار گیری از این متد :
$(selector).fadeToggle(speed,callback);
پارامتر Speed بازه افکت را مشخص و معلوم می نماید. و می تواند مقادیر : "slow", "fast" و یا این که عددی بر حسب میلی ثانیه را بگیرید.
پارامتر callback یک عملگر میباشد که بعداز به آخر وصال افکت به اجرا در میآید .
در نمونه تحت روش به کارگیری از این متد توضیح داده شدهاست:
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
مشاهده فیض
متد Fadeto()
این متد به شما اذن میدهد عددی را میان 0 و 1 برای سود پایانی محو شدن گزینش نمائید.
شیوه استعمال از این متد:
$(selector).fadeTo(speed,opacity,callback);
پارامتر Speed برهه زمانی افکت را معین می نماید. و قادر است مقادیر : "slow", "fast" و یا این که عددی بر حسب میلی ثانیه را بگیرید.
پارامتر opacity همانطور که از نامش پیداست عددی را برای معیار شفافیت تگ بعداز اتمام افکت معلوم می نماید.
پارامتر callback یک عملگر میباشد که بعداز به آخر وصال افکت به اجرا در میاید .
نمونه تحت طریق به کارگیری از این افکت را نشان میدهد :
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
مشاهده فیض