کا با جاوا اسکریپت و جی کوئری

[mahdiidham1383]

سلام دوستان
من میخوام سایتی واکنش گرا طراحی کنم در نتیجه باید از کد های جاوا استفاده کنم . میخواستم بدونم چطور میشه اندازه ها یا فاصله ها(margin padding width) رو با جاوااسکریپت تغییر داد البته سوال بعدی من اینه که تابع اون رو کی صدا بزنم ؟ من موقتا سایتم رو در این هاست (http://game-maker.cloudsite.ir)اپلود کردم و اگر شما صفحه مرورگر کوچک کنید مقدا عرض منو من بیشتر میشه و روی عکس میوفته من چطور میتونم با جاوا اسکریپت مقدار عرض منو بدست بیارم و به عکس بگم به اون اندازه از بالا فاصله داشته باشه؟


از اونجایی که تقریبا هیچی از جاوا اسکریپت بلد نیستم لطفا کد کامل بدید و توضیح بدید خیلی ممنون

دوستانی که تو هاست هم نرفتن یه عکس گرفتم براشون
148816

اگه دقت کنین وقتی صفحه کوچک شده عرض منو بیشتر شده و روی عکس افتاده

ممنون میشم اگه راهنمایی کنید

[anvar]

https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
دمو
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_topnav


https://www.w3schools.com/howto/howto_js_responsive_navbar_dropdown.asp
دمو
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dro pdown

[mahdiidham1383]

یه مقدار میشه توضیح بدید

[anvar]

اون لینک ها رو فرستادم که خودت بخونی و توضیحات رو از متن مقاله بگیری

روال کلی کار بدینصورته که شما یک منو دارید که لینک هاش قابل مشاهده هستند و بصورت طبیعی در کنار هم قرار گرفتند. ایکون منوی رسپانسیو هم در این مرحله قابل مشاهده نیست Dispaly:none;

حالا اگر صفحه نمایش کوچک تر از مقدار مشخص شده توسط ما بشه یعنی کمتر از 600 پیکسل که در مدیا کوئری مشخص کرده تمام لینک های منو بجزء اولین لینک یعنی Home پنهان میشن و در همین زمان هم ایکون منو در سمت راست ظاهر میشه

در همچنین اندازه ای نمیشه لینک های منو رو در کنار هم نشان داد چون عرض صفحه کم هست و در کنار هم جا نمیشن در عوض لینک های منو بصورت Block محور و بر روی هم قرار می گیرند تا نمایش آنها ساده تر صورت گیرد

کد جاوااسکریپت بالا هم برای کنترل کلیک کاربر بر روی ایکون رسپانسیو هست است. اگر بصورت رسپانسیو بود لینک منوها رو بصورت بلوک محور نشون بده

[mahdiidham1383]

خیلی ممنون از توضیحاتتون اگر از لینک ها چیزی متوجه نشدم بخواطر این بود که متاسفانه انگلیسیم خوب نیست تو برنامه نویسی زبان انگلیسی خیلی مهمه