پارسکدرز اولین بازار کار آنلاین ایران آخرین ارسال های انجمن

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

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

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

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

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

نحوه استفاده

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

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

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

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

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

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

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

مدیر

سلام ابوالفضل هستم برنامه نویس نه چندان حرفه ای اندروید با کمی مهارت در طراحی وب و گرافیک1 نظراتتون رو درمورد سایت میتونید از طریق قسمت تماس با ما با بهم بگید. به امید پیشرفت بیشتر :)

شاید این مطالب را هم دوست داشته باشید

پاسخ دهید

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