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

5 / 10 از 2 کاربر

افکت ( ) slideUp در jQuery 

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

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

کار افکت slideUp  این است  که کشویی میبندد.

شکل کلی استفاده از این متد به شرح زیر است :

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

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

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

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

مثال زیر کاربرد افکت slideUp را نشان میدهد:

$("#flip").click(function(){
  $("#panel").slideUp();
});

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