ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

پلاگین جی کوئری شمارنده اعداد 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
کلمات کلیدی پست :
مطالب مرتبط
16,518اسکریپت جی کوئری بنر های اسلایدی با طرح کاشی تاریخ : 2016/06/1
13,498پوسته تک صفحه‌ ای ژنیک به صورت CSS و HTML تاریخ : 2014/06/17
10,092پلاگین سنجاق کردت تصاویر با جی کوئری تاریخ : 2016/02/20
13,929پلاگین زیبا و متحرک Loader سایت به صورت جی کوئری تاریخ : 2014/03/9
11,313اسکریپت نمایش فن پیج فیسبوک در وبسایت Famax نسخه 5.3 تاریخ : 2016/03/30
16,007اسکریپت jQuery نمایش وضعیت آب و هوا Ideabox تاریخ : 2015/08/22
13,351پلاگین جی کوئری زیبا ساز چک باکس تاریخ : 2014/07/21
11,735دانلود ویترین کشویی جی کوئری تاریخ : 2013/12/14
17,974دانلود ساعت آنالوگ جی کوئری + PSD تاریخ : 2013/11/20
13,516اسکریپت بازی آنلاین تشخیص اشکال و حروف Symbols تاریخ : 2014/01/14
10,367افکت به تصاویر با استفاده از اسکریپت Picanim تاریخ : 2014/07/27
11,809افکت زمان و تاریخ مشابه iOS 7 به صورت جی کوئری تاریخ : 2014/01/12
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب