چگونه یک صفحه را پارالاکس کنیم؟

Parallax لغت به معنی اختلاف بین دو چیز است که به صورت مشخص معلوم هستند و همین‌طور در طراحی سایت نیز پارالاکس به معنی تغییر کاملا مشخص و تنظیم شده بین دو عنصر استو به وسیله کدهای جاوااسکریپت در سایت پیاده‌سازی می‌شود. طراحان وب برای ایجاد جذابیت و ایجاد زیبایی بصری در صفحه از تکنیک پارالاکس استفاده می‌کنند.

برای استفاده پارالاکس در صفحه، به کتابخانه‌ی جی‌کوئری و یک تابع نیاز داریم.
در این آموزش یک منو تعریف شده است که با کلیک بر روی هر منو، به آن بخش می‌رویم.

ابتدا کتابخانه جی‌کوئری را به صفحه اضافه کرده و کدهای زیر را در سرآمد صفحه می‌نویسیم.

اضافه کردن کتابخانه:

یک منو ایجاد کرده و به این شکل لینک میدهیم:

سپس به اسلایدها، شناسه یا ID مقصد a ها را که بالاتر تعریف کردیم را مقدار دهی می‌کنیم.
مثلا برای منوی دوم، باید به شکل زیر باشد.

برای دانلود نمونه این آموزش اینجا کلیک کنید: دانلود مثال پارالاکس


مشاهده‌ی تمامی نوشته‌ها در گروه: جی کوئری. ‏ فهرست برچسب‌ها: , , , .

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *