در این آموزش قصد داریم که به شما یکی دیگر از افکت های موجود در جی کوئری را همراه با یک مثال ساده و قابل فهم به شما علاقه مندان زبان های برنامه نویسی آموزش دهیم.
افکت slideUp با کاهش تدریجی ارتفاع یک عنصر باعث مخفی شدن آن می شود . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد .
کار افکت slideUp این است که کشویی میبندد.
شکل کلی استفاده از این متد به شرح زیر است :
( selector ” ).slideUp ( speed , callback “)$
selector : selector عنصری است که این افکت باعث مخفی شدن آن می شود .
speed : این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر مخفی شود را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”
callback : توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان پافتن اجرای افکت و مخفی شدن عنصر مورد نظر ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است .
مثال زیر کاربرد افکت slideUp را نشان میدهد:
}()flip”).click(function#”)$
;()panel”).slideUp#”)$
;({
