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


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

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

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

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

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

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

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

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

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

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

حتما بخوانید  استفاده از jqGrid در PHP

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

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

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

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

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

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

دیدگاهتان را بنویسید

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

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



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

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

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

بخش کاربران

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

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

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