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





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

پلاگین جی کوئری شمارنده اعداد 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
کلمات کلیدی پست :
مطالب مرتبط
11,715اسکریپت منوی تصویری بسیار زیبا و کاربردی تاریخ : 2013/11/1
12,927نمایش تصاویر به سبک تم فارست با جی کوئری تاریخ : 2014/07/26
8,847افکت به تصاویر با استفاده از اسکریپت Picanim تاریخ : 2014/07/27
10,772پلاگین جی کوئری صفحه بندی برای بوت استرپ تاریخ : 2014/02/9
15,264نمایش متون دلخواه به صورت لایت باکس تاریخ : 2014/08/12
22,109قالب بسیار زیبای هاستینگ به صورت HTML تاریخ : 2014/07/27
20,175افزونه شمارشگر فارسی t countdown برای وردپرس تاریخ : 2014/07/22
19,837آموزش ساخت تب جی کوئری و سی اس اس تاریخ : 2014/09/2
9,671پلاگین جی کوئری برای تغییر رنگ صفحه تاریخ : 2016/02/20
14,766اسکریپت 9 سبک خاص آیکون های متحرک شبکه های اجتماعی تاریخ : 2016/07/12
14,761اسکریپت اسلاید Coverflow به صورت 3D با jQuery و CSS3 تاریخ : 2014/09/9
15,064پلاگین جی کوئری ساخت پسورد تصادفی Easy Random Password Generator تاریخ : 2017/10/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file