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

تغییر سایز المنت HTML با jQuery


در این آموزش , قصد داریم به شما نحوه تغییر سایز المنت HTML با jQuery را نشان بدیم. ما از تابع resizable() در جی کوئری برای تغییر اندازه تگ در HTML استفاده می کنیم.

در این مثال , ما قصد داریم که از این تابع jQuery برای تغییر اندازه تگ DIV بر اساس سلکتور id استفاده کنیم. می توتانیم چندین افکت انمیشن هم بصورت پارامتر های اختیاری به این تابع پاس بدیم.

تغییر سایز المنت HTML با jQuery

کد HTML مثال تغییر اندازه تگ DIV

این کد شامل یک المنت با قابلیت تغییر اندازه است . ما نیز تابع resizable() در جی کوئری را بر اساس id تگ DIV فراخوانی می کنیم.

آپشن های تابع Resizable در jQuery

تابع resizable() در جی کوئری چندین پارامتر برای اهداف خاص رو دریافت می کند . برای مثال, اسکریپت زیر شامل گزینه هایی برای ساخت افکت های انیمیشن و محدودیت هایی برای تغییر اندازه , است.

حتما بخوانید  افکت تایپ متن یا تایپ خودکار متن در jQuery

امیدوارم از آموزش تغییر سایز المنت HTML با jQuery نهایت استفاده را برده باشید .

 

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

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

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

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

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

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

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

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



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

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

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

افزایش امنیت سایت

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

بخش کاربران

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

دانلود کتاب

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