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

- visibility ٠ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته 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

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.