تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
Novin.com
تبلیغات
تبلیغات تبلیغات

پلاگین جی کوئری شمارنده اعداد 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
کلمات کلیدی پست :
مطالب مرتبط
17,769اسلاید بندی تصاویر پس زمینه وبسایت با استفاده از backstretch تاریخ : 2014/07/20
10,445افزونه حرفه ای مکعب نمونه کارها تاریخ : 2013/12/15
11,794آموزش ایجاد افکت shake + جی کوئری تاریخ : 2014/07/21
7,670روبان بسیار زیبای متحرک به صورت جی کوئری تاریخ : 2014/03/28
7,711منوی حرفه ای به صورت جی کوئری تاریخ : 2013/10/25
17,139افزونه شمارشگر فارسی t countdown برای وردپرس تاریخ : 2014/07/22
10,976اسلاید تمام صفحه و لغزان به صورت جی کوئری تاریخ : 2016/08/3
18,490افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 2017/12/17
10,398رابط کاربری iMessage در 9 IOS با جی کوئری تاریخ : 2016/04/21
8,103دانلود ویترین کشویی جی کوئری تاریخ : 2013/12/14
10,301افکت گذاری بسیار زیبا بر روی تصاویر با جی کوئری تاریخ : 2014/03/8
11,534دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 2013/11/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات