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

پلاگین جی کوئری شمارنده اعداد 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
کلمات کلیدی پست :
مطالب مرتبط
10,994آپلود سنتر فایل به صورت جی کوئری تاریخ : 2014/02/5
19,730اسلایدر واکنش گرا و قابل برنامه ریزی به صورت جی کوئری تاریخ : 2014/09/17
9,718منو جی کوئری MetNav 2 به سبک ویندوز مترو تاریخ : 2013/11/21
15,676تبدیل تصاویر به صورت یک نقشه با MobilyMap تاریخ : 2019/11/8
12,270پوسته تک صفحه‌ ای ژنیک به صورت CSS و HTML تاریخ : 2014/06/17
11,899اسکریپت منوی تصویری بسیار زیبا و کاربردی تاریخ : 2013/11/1
16,043ساخت تابلو اعلانات با کمک جی کوئری تاریخ : 2014/08/12
20,858افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 2017/12/17
18,260دانلود نرم افزار ساخت اسلایدر جی کوئری Amazing Slider تاریخ : 2018/04/2
11,984ایجاد انیمیشن متنی با Textillate به صورت جی کوئری تاریخ : 2014/07/13
10,984پلاگین جی کوئری دکمه اشتراک گذاری مطالب در موبایل تاریخ : 2016/04/30
16,086ساخت گالری تصاویر کاملا واکنش گرا با جی کوئری تاریخ : 2014/11/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file