آثار jQuery - حرکت
- صفحه قبل jQuery تارگونسازی تدریجی
- صفحه بعدی jQuery آنیسازی
روش اسلاید ج کوئری میتواند عناصر را به بالا و پایین حرکت دهد.
نمایش اثر
اینجا کلیک کنید تا پنل را پنهان/نمایش کنید
یک لحظه زمان به یک جواهر میرسد، بنابراین، ما برای شما محتوای آموزشی سریع و قابل فهم ارائه میدهیم.
در اینجا، شما میتوانید به یک روش ساده و آسان به هر دانشی که نیاز دارید دسترسی پیدا کنید.
مثال
- jQuery slideDown()
- مثال روش slideDown() jQuery را نشان میدهد.
- jQuery slideUp()
- مثال روش slideUp() jQuery را نشان میدهد.
- jQuery slideToggle()
- مثال روش slideToggle() jQuery را نشان میدهد.
روشهای لغزش jQuery
با استفاده از jQuery، میتوانید اثرات لغزش بر روی عناصر ایجاد کنید.
jQuery دارای روشهای لغزش زیر است:
- slideDown()
- slideUp()
- slideToggle()
مетод slideDown() jQuery
مетод slideDown() jQuery برای حرکت به پایین عنصر استفاده میشود.
ترتیب:
$(selector).slideDown(speed,callback);
پارامتر اختیاری speed زمان اجرای اثر را مشخص میکند. میتواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.
پارامتر callback نام تابعی است که پس از تکمیل حرکت اجرا میشود.
در مثال زیر، روش slideDown() را نشان میدهیم:
مثال
$("#flip").click(function(){ $("#panel").slideDown(); });
مетод slideUp() jQuery
مетод slideUp() jQuery برای حرکت به بالا عنصر استفاده میشود.
ترتیب:
$(selector).slideUp(speed,callback);
اختیاری speed پارامتر speed زمان اجرای اثر را مشخص میکند. میتواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.
اختیاری callback پارامتر callback نام تابعی است که پس از تکمیل حرکت اجرا میشود.
در مثال زیر، روش slideUp() را نشان میدهیم:
مثال
$("#flip").click(function(){ $("#panel").slideUp(); });
مетод slideToggle() jQuery
مетод slideToggle() jQuery میتواند بین slideDown() و slideUp() روشن و خاموش شود.
اگر عنصر به پایین حرکت کند، slideToggle() میتواند آنها را به بالا حرکت دهد.
اگر عنصر به بالا حرکت کند، slideToggle() میتواند آنها را به پایین حرکت دهد.
$(selector).slideToggle(speed,callback);
اختیاری speed پارامتر speed زمان اجرای اثر را مشخص میکند. میتواند یکی از موارد زیر باشد: "slow", "fast" یا میلiseconds.
اختیاری callback پارامتر callback نام تابعی است که پس از تکمیل حرکت اجرا میشود.
در مثال زیر، روش slideToggle() را نشان میدهیم:
مثال
$("#flip").click(function(){ $("#panel").slideToggle(); });
دستورالعملهای اثر jQuery
برای بررسی کامل اثرات jQuery، لطفاً به دستورالعملهای اثر jQuery。
- صفحه قبل jQuery تارگونسازی تدریجی
- صفحه بعدی jQuery آنیسازی