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

عکس پست-کد ابزار کم کردن شفافیت و افزایش آن حرکت موس روی آن

ابزاری رو درست کردم که  با استفاده از جی کوئری(و CSS3) شافیت تصاویر رو به ۰٫۸ برسونه و وقتی موس روی اون حرکت کرد عکس شفافیت به ۱ برگرده.البته شما میتونید توی کد هم شفافیت اولیه ، هم برای زمینی که موس روی عکس رفت و هم برای ترک موس تعیین کنید.

اول این که برای دیدن یک پیش نمایش از این ابزار روی متن پایین کلیک کنید

مشاهده پیشنمایش

نحوه استفاده

اگه الآن از جی کوئری توی قالبتون هست و کد رو اجرا میکنه که هیچ ، ولی اگه اون توی صفحهتون نیست برای استفاده از جی کوئری میتونید این کد رو اضافه کنید:

اول این خط رو قبل از تگ <head/> بذارید

با این کار از فایل جی کوئری که توی هاست گوگله استفاده میشه ، البته اگه دوست ندارید از اون آدرس استفاده کنید میتونید بجای آدرسی که دادم یه آدرس دیگه اضافه کنید.

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

چند خط بالا باید بین دوتا تگ اسکریپت باز و بسته باشن،یعنی به شکلی که بجای ستاره(*) توی قسمت زیر باشن:

حالا کمی توضیح برای این کد جی کوئری!

توی این کد اول برای لود صفحه شفافیت تگ های img تگ های عکس هستن روبه ۰٫۸ میرسونه و بعد برای زمانی که موس روی عکس رفته شفافیت ۱ رو تعیین میکنه، اتفاق بعدی هم زمینی میفته که فوکوس موس از اون برداشته میشه و دوباره شفافیت رو به ۰٫۸ میرسونه

ابوالفضل

علاقه مند به برنامه نویسی اندروید ، طراحی وب و گرافیک

مطالب مرتبط

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

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

چهارده + هفده =

www.000webhost.com