جهت ورود به تالار گفتمان سایت کلیک کنید


پلاگین افکت 3 بعدی پارالاکس با حرکت ماوس Face Cursor

چندی پیش به دلیل استقبال زیاد کاربران , شروع به درج آموزش های Parallax کردم که مورد استقبال شما عزیزان قرار گرفت …

و حالا در این پست قصد انتشار یک پلاگین جی کوئری را دارم که با استفاده از آن میتوانید به باکس ها یا نوشته های خود افکت سه بعدی حرکت با ماوس بدهید .

با استفاده از این پلاگین میتوانید افکتی را ایجاد نمایید که کاربر با حرکت دادن ماوس , شاهد حرکات و چرخش هایی در اشیای مورد نظر شما در وب سایت باشد که حالت بسیار زیبا , جالب و کاربر پسندی را ایجاد مینماید و میتوانید زیبایی دو چندانی به دیزاین وب سایت خود ببخشید .

پلاگین افکت 3 بعدی پارالاکس با حرکت ماوس Face Cursor

نحوه ی استفاده از این پلاگین بسیار راحت میباشد .

ابتدا باید دو فایل Jquery مربوطه را از این لینک دانلود نمایید و با استفاده از تگ script به وب سایت خود اضافه نمایید .

حال باید کد جی کوئری زیر را در وب سایت خود وارد نمایید ( ترجیحا در انتهای وب سایت )

$(document).ready(function(e) {
    $(".vms").faceCursor({
	perspective:"6rem"
    });
});

توجه : در کد بالا میتوانید به جای مقدار 6 , عددی کمتر و یا بیشتر وارد نمایید . ( این عدد مشخص کننده مقدار حالت سه بعدی می باشد )

نکته بسیار مهم : در کد بالا فرض بر این قرار داده شده که اشیایی که میخواهید به حرکت در بیایند , دارای کلاس vms میباشند . طبیعتا میتوانید به جای آن , هر انتخابگر دیگری از css را وارد نمایید . مثلا آی دی test که میشود test# و یا …

دموی پلاگین

دانلود فایل آماده دموی پلاگین

پخش اختصاصی

آموزش : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

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