• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

ترفندهای پیشرفته jQuery (قسمت 44)

0 269 ۳۰ آبان ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع پنجم : استفاده از پلاگینها

ترفند 79 : Blur کردن المنتهای صفحه با blur.js

در اینجا یک چیز دیگه ای رو به شما معرفی میکنیم که شما فکرشو هم نمیکردید که با JQuery امکانش باشه. ابزار Blur.js مجموعه ای از فیلترهای CSS و SVG رو بر روی المنت اعمال میکنه و باعث میشه که افکت Blur بر روی المنت اعمال بشه. این ابزار در IE هم پشتیبانی میشه.

در ابتدا این ابزار رو include میکنیم:

کدهای JS:

میخایم کاری کنیم که برای 5 ثانیه کل صفحه Blur بشه و بعد از اون زمان به حالت اولیش برگرده:

میبینید که در ابتدا متد blurjs رو برای body اجرا کردیم و بعد از اون با استفاده از setTimeout بعد از 5 ثانیه اونو reset کردیم و به حالت اولیه برگردوندیم.

ترفند 80 : QR Code رو با استفاده از jQuery درست کنید

QR Code متنهای مورد نظر شما رو رمزنگاری میکنن و اونا رو بصورت یک تصویر در میارن که میشه اونا رو بوسیله Smartphone ها اسکن کرد و اطلاعاتش رو خوند. یک پلاگین برای Jquery وجود داره که میتونه QR Code رو برای شما بسازه.

در ابتدا این ابزار رو include میکنیم:

کدهای HTML:

در ابتدا یک div قرار میدیم که خروجی رو در خودش نمایش بده:

کدهای JS:

همونطور که میبینید در ابتدا اون div رو انتخاب کردیم و بعد از اون متد qrcode رو براش صدا زدیم. برای QR Code عرض و طول رو انتخاب کردیم و با استفاده از ویژگی color رنگ سفید رو برای اون انتخاب کردیم و رنگ bgColor رو برای با null قرار دادیم. با اینکار پس زمینه Transparent خواهد شد. متنی که قصد داریم که رمزنگاری بر روی اون انجام بشه رو درون ویژگی text قرار میدیم. خروجی بصورت زیر هست:

qrcode

حالا اگر نرم افزار QR Code خوان رو بر روی گوشی داشته باشید و این کد رو اسکن کنید متن http://farsial.com نمایش داده میشه.

امیدوارم از این مطلب خوشتون اومده باشه.

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

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram