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


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

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

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

کد HTML برای اعمال انیمیشن

تگ DIV زیر دارای یک id برای مشخص کردن اون به عنوان سلکتور برای ایجاد انیمیشن jQuery , است.

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

اسکریپت جی کوئری زیر با اسکرول صفحه فراخوانی و ایندکس background-Color رو تغییر می دهد. ایندکس تغییر داده شده برای انتخاب کد رنگی HEX از آرایه استفاده شده است. (تغییر کد رنگی Hex به rgb)

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

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

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

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

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

دانلــود بـاکـــس

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

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

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

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

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



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

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

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

بخش کاربران

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

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

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