اگر علاقه مند به همکاری در نت پارادیس جهت نویسندگی، ویراستاری و ترجمه مطالب هستی پس روی دکمه مقابل کلیک کن

علاقه به همکاری دارم

طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

تغییر فایل CSS بر اساس اندازه پنجره توسط jQuery


تغییر فایل CSS بر اساس اندازه پنجره توسط jQuery

در این آموزش jQuery , قصد داریم به شما یک مثال از تغییر فایل CSS بر اساس اندازه پنجره (windows size) صفحه نمایش کاربر بصورت داینامیک را نشان بدیم.

در این کد از مثال, ما دو فایل CSS داریم. یکی از آنها برای وب و دسکتاپ و دیگری برای نمایش در موبایل است.

ما یک تابع jQuery برای تغییر فایل CSS بر اساس اندازه پنجره نیز داریم. این تابع با لود صفحه اجرا می شود تا CSS مورد نظر را طبق اندازه پنجره لود کند.

همچنین این تابع براساس رویداد resize نیز اجرا می شود.

تغییر فایل CSS بر اساس اندازه پنجره توسط jQuery

کد HTML شامل دو ستون

در آموزش قبل نحوه ساخت ستون های هم اندازه بصورت داینامیک را دیدم. ما از همان قالب برای تغییر فایل CSS استفاده می کنیم.

تابع جی کوئری برای تغییر فایل CSS

این کد jQuery شامل یک تابع برای تغییر فایل های CSS بر اساس صفحه نمایش است. این تابع با لود صفحه و همچنین اجرا شدن رویداد resize , اجرا می شود.

حتما بخوانید  تغییر پس زمینه با اسکرول در jQuery

هنگام فراخوانی تابع, ما سایر پنجره را بهش پاس میدیم.

امیدوارم از آموزش تغییر فایل CSS بر اساس اندازه پنجره توسط jQuery نهایت استفاده را برده باشید .

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

دیدگاه کاربران

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

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

سورس فروشگاهی دیجی کالا

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما

logo-samandehi

دانلود کتاب

عضویت رایگان خبرنامه