افکت show در جی کوئری

10 / 10 از 1 کاربر

افکت ( ) show در jQuery 

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

افکت show عنصری که مخفی است را نمایان می کند . عملکرد این افکت همانند افکت fadeIn می باشد . بدیهی است عنصری که با این افکت نمایان می شود باید در ابتدا مخفی باشد .
افکت show بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها در css برابر با none باشد ، اثر خواهد داشت .
شکل کلی استفاده از این متد به شرح زیر است :

$ ( " selector " ).show ( speed , callback )

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

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

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

با افکت show در جی کوئری شما میتواند یک عنصر در HTML را از حالت مخفی خارج کنید.

$("#show").click(function(){
$("p").show();
});

پارامترهای اختیاری برای این دستور "slow", "fast" , "milliseconds" میباشند .

$(selector).show(speed,callback);

عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
نویسنده : بهاره شکری
تاریخ انتشار : 29/05/1392
تعداد بازدید : 3617