خرید ارزدیجیتال تبلیغات
حراجی دامنه های ویژهمشاهده
اپوفایننس

پلاگین جی کوئری شمارنده اعداد FlipCounter

اسکریپت ها , جاوا اسکریپت/ایجکس , جی کوئری , متفرقه

سلام به همگی. در پست امروز بیست اسکریپت شما رو به دنیای زیبای جی کوئری میبریم و با معرفی یک پلاگین ساده و جذاب در خدمت دوستان عزیز خواهیم بود. اسم این پلاگین FlipCounter هست که با بهره گیری از یک استایل فوق العاده، اعداد و ارقام مختلف رو در باکس هایی مخصوص نمایش میده.

 

پلاگین جی کوئری شمارنده اعداد FlipCounter

نحوه استفاده

پیش از هر کاری، فایل ها و نمونه های این پلاگین رو از صفحه Github دانلود کنید و سپس فایل های jquery.flipcounter.css و همینطور jquery.flipcounter.js رو به ترتیب در بخش head و footer قالب بارگذاری کنید. (البته فراموش نکنید که پیش از فراخوانی فایل JS، حتما باید کتابخانه جی کوئری رو هم در صفحه داشته باشید.)

<link rel="stylesheet" href="jquery.flipcounter.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.flipcounter.js"></script>

مرحله دوم، تعریف یک div با مشخصه ای ویژه (مثل ID) هست که رقم مورد نظر شما داخل این تگ قرار میگیره. به عنوان مثال:

<div id="mycounter">1394</div>

و نهایتا با فراخوانی سلکتور ID بالا پیش از تابع “flipCounterInit”، کار تموم میشه و اعداد و ارقام مورد نظر شما با یک استایل زیبا به نمایش در میان:

$("#mycounter").flipCounterInit();

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 اسکریپت ها , جاوا اسکریپت/ایجکس , جی کوئری , متفرقه
لینک کوتاه مطلب : https://www.20script.ir/?p=13299
کلمات کلیدی پست :
مطالب مرتبط
9,147دانلود ویترین کشویی جی کوئری تاریخ : 2013/12/14
10,115Seven Slider اسلایدر فوق العاده زیبا به صورت جی کوئری تاریخ : 2013/11/21
10,930فهرست آبشاری با بهره گیری از جی کوئری تاریخ : 2014/07/29
12,003نمایش تصاویر به سبک تم فارست با جی کوئری تاریخ : 2014/07/26
15,225اسکریپت جی کوئری گالری عکس Justified Gallery تاریخ : 2014/08/17
10,789ساخت تولتیپ خودکار با کمک جی کوئری تاریخ : 2014/07/22
11,659پلاگین لودر جی کوئری Spring Loaders تاریخ : 2016/04/21
18,398اسلایدر واکنش گرا و قابل برنامه ریزی به صورت جی کوئری تاریخ : 2014/09/17
8,674منو جی کوئری MetNav 2 به سبک ویندوز مترو تاریخ : 2013/11/21
13,520تبدیل تصاویر به صورت یک نقشه با MobilyMap تاریخ : 2019/11/8
8,576اسکریپت بازی آنلاین تشخیص اشکال و حروف Symbols تاریخ : 2014/01/14
13,597اسکریپت اسلاید Coverflow به صورت 3D با jQuery و CSS3 تاریخ : 2014/09/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file