طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumمشکل ساخته نشدن اسلاید با افزونه Meta Slider1589mansour_bi2
iconforumتاپیک درخواست حضور در صندلی داغ612757AynaZ
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour3051100AynaZ
iconforumدرخواست قالب فیلم1294AynaZ
iconforumدانلود پلاگین وردپرس129AynaZ
iconforumفیلتر حرفه ای ووکامرس11150AynaZ
iconforumانتقال به خرید ناموفق پس از خرید در افزونه edd545AynaZ
iconforumلیست مهم ترین تگ هادر HTML5255AynaZ
iconforumاسکریپت996AynaZ
iconforumمهم ترین نکات طراحی استاندارد قالب وردپرس147AynaZ
iconforumنام دیتا بیس425KINGERFAN

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست درگاه پرداخت

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

آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند
آموزش ایجاد افکت shake + جی کوئریReviewed by Admin on Jul 21Rating:

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

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

JQUERY:

 

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

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

و کار تموم.

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

در ادامه بخوانید  صفحه بندی دیدگاه ها در وردپرس

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

JQUERY:


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/04/30 4 آموزش ها , جی کوئری , متفرقه , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=7572

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,460حل مشکل آپلود swf در وردپرس تاریخ : 1392/10/12
2,138اسکریپت 9 سبک خاص آیکون های متحرک شبکه های اجتماعی تاریخ : 1395/04/22
3,554فرم جستجو به صورت CSS , جی کوئری + PSD تاریخ : 1392/10/6
1,529جلوگیری از انتشار مطالب بدون تصویر شاخص در وردپرس تاریخ : 1395/01/30
1,751آموزش افزودن متن دلخواه آخر مطالب وردپرس تاریخ : 1394/12/23
14,294آموزش نحوه تغییر آدرس ورود به مدیریت وردپرس تاریخ : 1394/05/20
2,382هشتمین شماره ماهنامه طراحی وب منتشر شد تاریخ : 1393/11/2
6,403اسلایدر واکنش گرا و قابل برنامه ریزی به صورت جی کوئری تاریخ : 1393/06/26
3,972فهرست آبشاری با بهره گیری از جی کوئری تاریخ : 1393/05/7
4,904ساخت گالری تصاویر کاملا واکنش گرا با جی کوئری تاریخ : 1393/08/18
7,710آموزش ویدیویی تغییر نام کاربری وردپرس بدون افزونه تاریخ : 1394/12/26
1,418نشانه گذاری خودکار دیدگاه های حاوی لینک های طولانی به عنوان جفنگ تاریخ : 1395/01/25
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب