گروپ دیزاین | ارائه دهنده خدمات نوین

منوی رسپانسیو ۲

 ۷ تیر ۱۳۹۴

آموزش ساخت منوی ریسپانسیو با جکوئری

قسمت مهمی از طراحی های ریسپانسیو بخش منوی سایت است که باید در نمایشگرهای مختلف به درستی و مناسب همان نمایشگر نشان داده شود. در این مطلب با یک نوع از این منوها آشنا میشویم.

ما برای ساخت منویی که در دمو مشاهده کردید باید از Media Query و jQuery استفاده کنیم. ابتدا باید دو منو بسازیم که یکی از آن‌ها مخصوص نمایشگرهای دکستاپ و دیگری مخصوص نمایشگر های تبلت و موبایل است.

[codesyntax lang=”php”]

[/codesyntax]

 

استایل منو به صورت زیر میشود پس فایل به نام style.css ایجاد کنید.

[codesyntax lang=”css”]

[/codesyntax]

حالا نوبت به جاوا اسکریپت میرسد فایلی به نام menu.js ایجاد کنید و محتوای زیر را درون آن قرار دهید.

[codesyntax lang=”php”]

[/codesyntax]

در آخر شما فایل جکوئری jquery-1.8.3.min را دانلود کنید و در کنار فایل های بالا قرار دهید.

 

کار به اتمام رسید.

 

 

0 0 vote
Article Rating
مشترک ها
به من اطلاع بده
guest
0 Comments
Inline Feedbacks
View all comments
گفتگو از طریق واتس آپ