گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/05/09 - 16:49
كد :7750
اسلاید افکتی است که محتوای یک تگ HTML را بالا و پایین میبرد.
متدهای اسلاید در جی کوئری
slideDown() slideUp() slideToggle()
متد slideDown()
این افکت برای پایین راندن محتوای یک تگ کاربرد دارد.
نحوه استفاده از این متد :
$(selector).slideDown(speed,callback);
در عبارت بالا پارامتر Speed مدت زمان افکت را مشخص می کند. این پارامتر میتواند دارای مقادیر Slow,fast و یا عددی بر حسب میلی ثانیه باشد.
پارامتر اختیاری Callback برای اعمال یک عملگر بعد از پایان افکت SlideDown است.
مثال:
$("#flip").click(function(){
$("#panel").slideDown();
});
مشاهده نتیجه
متد slideUp() :
متد slideUp() برای به بالا راندن عناصر یک تگ میباشد.
نحوه استفاده از این متد:
$(selector).slideUp(speed,callback);
در عبارت بالا پارامتر Speed مدت زمان افکت را مشخص می کند. این پارامتر میتواند دارای مقادیر Slow,fast و یا عددی بر حسب میلی ثانیه باشد.
پارامتر اختیاری Callback برای اعمال یک عملگر بعد از پایان افکت slideUp است.
مثال:
$("#flip").click(function(){
$("#panel").slideUp();
});
مشاهده نتیجه
متد slideToggle()
این متد با یک خط کد میتواند محتوای یک تگ را بالا و پایین ببرد.
$(selector).slideToggle(speed,callback);
در عبارت بالا پارامتر Speed مدت زمان افکت را مشخص می کند. این پارامتر میتواند دارای مقادیر Slow,fast و یا عددی بر حسب میلی ثانیه باشد.
پارامتر اختیاری Callback برای اعمال یک عملگر بعد از پایان افکت slideToggle() است :
Example
$("#flip").click(function(){
$("#panel").slideToggle();
});
مشاهده نتیجه
براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد