جلوه‌ها - Sliding

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

متدهای اسلاید jQuery عنصرها را بالا و پایین می‌برند (به انگلیسی: slide up and down).[۱]

Click to slide down/up the panel

میانبر:
الگو:اتب

مثال‌ها

jQuery slideDown()

متد slideDown() در jQuery را نشان می‌دهد.

jQuery slideUp()

متد slideUp() در jQuery را نشان می‌دهد.

jQuery slideToggle()

متد slideToggle() در jQuery را نشان می‌دهد.

متدهای Sliding در jQuery

بوسیله jQuery می‌توانید جلوه‌های sliding (به فارسی: لغزیدن) را برای عنصرها ایجاد کنید.

jQuery متدهای اسلاید زیر را دارد:

  • slideDown()
  • slideUp()
  • slideToggle()

متد slideDown() در jQuery

متد slideDown() در jQuery برای به پایین باز شدن یک عنصر استفاده می‌شود.

نحو:

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

پارامتر اختیاری speed مدت زمان این جلوه را تعیین می‌کند. این پارامتر می‌تواند مقدارهای زیر را داشته باشد: “slow”، “fast” یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که باید بعد از آشکار شدن کامل، اجرا شود.

مثال زیر متد slideDown() را نشان می‌دهد:

مثال
1 $("#flip").click(function(){
2   $("#panel").slideDown();
3 });

متد slideUp() در jQuery

متد slideUp() برای بسته شدن یک عنصر رو به بالا استفاده می‌شود.

نحو:

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

پارامتر اختیاری speed مدت زمان این جلوه را تعیین می‌کند. این پارامتر می‌تواند مقدارهای زیر را داشته باشد: “slow”، “fast” یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که باید بعد از آشکار شدن کامل، اجرا شود.

مثال زیر متد slideUp() را نمایش می‌دهد:

مثال
1 $("#flip").click(function(){
2   $("#panel").slideUp();
3 });

متد slideToggle() در jQuery

متد slideToggle() در jQuery بین متدهای slideDown() و slideUp() تغییر وضعیت می‌دهد.

اگر عنصری رو به پایین باز شده باشد، slideToggle() آن را رو به بالا می‌بندد.

اگر عنصری رو به بالا بسته شده باشد، slideToggle() آن را رو به پایین باز می‌کند.

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

پارامتر اختیاری speed مدت زمان این جلوه را تعیین می‌کند. این پارامتر می‌تواند مقدارهای زیر را داشته باشد: “slow”، “fast” یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که باید بعد از آشکار شدن کامل، اجرا شود.

مثال زیر متد slideToggle() را نمایش می‌دهد:

مثال
1 $("#flip").click(function(){
2   $("#panel").slideToggle();
3 });

تمرین‌های jQuery

مرجع جلوه‌های jQuery

برای مرور کامل همه جلوه‌های jQuery، لطفاً به مرجع جلوه‌های jQuery مراجعه کنید.


منابع آموزشی