تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
مشکل در فراخوانی فایل در php 0 پاسخ 17 بازدید درخواست فارسی ساز لرن دش 0 پاسخ 90 بازدید گوشی های تلفن همراه 0 پاسخ 91 بازدید مشکل در نصب تراوین 4.2 2 پاسخ 329 بازدید خطا هنگام فارسی ساززنفرو 1 پاسخ 252 بازدید نگاهی به تاریخچه و انواع مختلف ساز آکاردئون 0 پاسخ 254 بازدید تبادل لینک و ریپورتاژ 2 پاسخ 511 بازدید تفاوت Rank Math و Yoast در سئو وردپرس 0 پاسخ 301 بازدید طراحی سایت چند منظوره 0 پاسخ 286 بازدید درخواست اسکریپت BigBlueButton 2 پاسخ 982 بازدید
تبلیغات

تبلیغات
تبلیغات تبلیغات

آموزش ایجاد افکت shake + جی کوئری

آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند

در پست امروز دنیای جی کوئری، سری به تابع ()animate زدیم و با استفاده از اون، یک افکت جذاب و متفاوت رو برای شما همراهان عزیز آماده کردیم. در این افکت – که نام اون رو shake گذاشتیم – خواهید دید که چطور میشه با استفاده از تابع animate و چند کد ساده دیگه، زمین و زمان رو به لرزه در آورد .

آموزش ایجاد افکت shake + جی کوئری

خوب! پیش از هرکاری، اول باید کتابخانه جی کوئری رو در قالبتون فراخوانی کنید…
و در مرحله بعد، تابعی رو با نام shake، به صورت زیر تعریف میکنیم: (این تابع رو میتونید در یک فایل js یا داخل تگ script به کار ببرید)

JQUERY:

 

سه بخش اصلی در قطعه کد بالا عبارتند از:

  1. استفاده از پروپرتی position:relative  که موقعیت عنصر رو نسبت به حالت استاتیک تنظیم میکنه.
  2. تعریف یک حلقه جهت کنترل تعداد دفعات لرزه.
  3. استفاده از 4 تابع animate که موقعیت عنصر ارسالی ما رو نسبت به مبدأ و وضعیت left، به صورت انیمیشنی جا به جا میکنند.

و کار تموم.

فقط در مرحله آخر، کافیه که یک عنصر رو به همراه تابع shake فراخوانی کنید. به عنوان نمونه:

لرزش یک div فرضی، در صورت کلیک بر روی آن!

JQUERY:


دانلود


هاست + دامنه رایگان مناسب وردپرس و سایر اسکریپت ها وطن هاست >

هاست
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 4 آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=7572
کلمات کلیدی پست :
تبلیغات تبلیغات
تبلیغات تبلیغات
مطالب مرتبط
5,336پلاگین جی کوئری ساخت پسورد تصادفی Easy Random Password Generator تاریخ : 2017/10/22
7,164نمایش تاریخ آخرین آپدیت پست های وردپرس تاریخ : 2015/07/29
5,586آپلود سنتر فایل به صورت جی کوئری تاریخ : 2014/02/5
10,387ساده ترین پلاگین جی کوئری لایت باکس تاریخ : 2015/04/27
6,595اسکریپت jQuery نمایش وضعیت آب و هوا Ideabox تاریخ : 2015/08/22
7,244اسکریپت مدیریت کاربران CodeIgniter User Manager تاریخ : 2014/10/31
5,681آموزش ترفندهای جستجو در گوگل تاریخ : 2016/08/2
10,578ساخت گالری تصاویر کاملا واکنش گرا با جی کوئری تاریخ : 2014/11/9
2,100آموزش اتصال به SSH لینوکس در سیستم‌عامل‌های مختلف تاریخ : 2019/07/4
5,302روبان بسیار زیبای متحرک به صورت جی کوئری تاریخ : 2014/03/28
4,615آموزش افزودن متن دلخواه آخر مطالب وردپرس تاریخ : 2016/03/13
10,721اسکریپت ایجاد سایت موسیقی Ci Music Online تاریخ : 2014/11/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات
تبلیغات