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

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



  آیا می دانید تا کنون 6335 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

0 259 ۲۶ آبان ۹۴

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

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

ترفند 74 : jQuery رو با استفاده از انیمیشنهای CSS3 ارتقاء بدین

انیمیشنهای CSS3 بسیار سریعتر و بهینه تر از انیمیشنهایی هستند که با استفاده از Javascript ساخته شده اند، اما انیمیشنهای CSS3 در همه مرورگرها پشتیبانی نمیشن. با استفاده از jquery-animate-enhanced میتونین از انیمیشنهای CSS3 تنها در مواقعی که مقدوره و مرورگر پشتیبانی میکنه استفاده کنید و در غیر اینصورت از انیمیشنهای Javascript بجای اونا استفاده میشه.

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

کد HTML:

میبینید که یک div قرار دادیم و به اون استایل دادیم و یک دکمه قرار دادیم که با کلیک بر روی اون انیمیشن اجرا بشه. حالا میخایم اون div رو انیمیشنی کنیم.

کد JS:

چونکه ما ابزار رو include کردیم بصورت اتوماتیک زمانی که مرورگر از CSS3 پشتیبانی کنه انیمیشنهای CSS3 اعمال میشن.

هیچ تغییر دیکه ای لازم نیس و مثل گذشته انیمیشنهاتونو قرار بدین. این ابزار بصورت اتوماتیک تمام کارهارو براتون انجام میده و شما نیازی نیس که کاری رو انجام بدین.

ترفند 75 : نمایش تمام صفحه ویدیوهای Youtube برای Background

اینو میدونید که میشه ویدیوهایی که در Youtube قرار دارن رو بصورت تمام صفحه و برای Background قرار داد؟ در اینجا روش انجام کار با استفاده از OkVideo توضیح داده میشه.

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

کدهای JS:

میبینید که به راحتی آدرس ویدیوی مورد نظر رو وارد کردیم و با اینکار ابزار مورد نظر کار رو برای ما انجام میده. این ابزار امکانات دیگه ای هم دارد که میشه به پشتیبانی از ویدیوهای Vimeo ، کنترل کردن صدا و کیفیت و ... اشاره کرد. یه نمونه از کد رو براتون قرار میدم:

با استفاده از این ابزار میتونین زیبایی خاصی رو به سایتتون ببخشید.

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram