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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

0 308 ۱۹ آذر ۹۴

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

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

ترفند 96 : تکان دادن المنتها با jRumble

jRumble یک پلاگین سبک و کم حجم هست که نمیشه اون رو پلاگین خیلی مهم و اساسی دونست ولی کار کردن با اون جالب و جذابه.

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

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

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

برای اینکه شروع بکار کنه باید بصورت زیر عمل کنید:

برای متوقف کردن هم بصورت زیر عمل میکنیم:

ویژگی های مختلفی وجود داره که میتونین اونا رو قرار بدین:

  • x : محدوده تکان خوردن در جهت افقی رو مشخص میکنیم. مقدار پیش فرض 2 پیکسل هست
  • y : محدوده تکان خوردن در جهت عمودی رو مشخص میکنیم. مقدار پیش فرض 2 پیکسل هست
  • rotation : محدوده چرخش که بر حسب درجه. مقدار پیش فرض 1 درجه هست
  • speed : میتونین با استفاده از این خصوصیت سرعت تکان خوردن رو مشخص کنید. هر چه این عدد کمتر باشه ، سریعتر تکون میخوره. مقدار پیش فرض این خصوصیت 15 هست.
  • opacity : با true کردن این ویژگی میتونین کاری کنید که opacity المنت تغییر بکنه.
  • opacityMin : با استفاده از این خصوصیت میتونین کمترین میزان opacity رو مشخص کنید

مثلا کد بالا باعث میشه که در جهت افقی و عمودی 10 پیکسل تکون بخوره و بصورت شعاعی هم 4 درجه میچرخه.

مثلا فرض کنید میخایم با هاور کردن بر روی المنت تکون خوردن شروع بشه و با خارج شدن از حالت هاور متوقف بشه.

از این ویژگی و این ابزار میتونین برای جلب توجه کاربران استفاده کنید.

اینم یک مثال دیگه:

خروجی:jrumble

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram