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

شمارنده گرافیکی اعداد و ارقام

سلام به همگی. در پست امروز دنیای وردپرس شما رو به دنیای زیبای جی کوئری میبریم و با معرفی یک پلاگین ساده و جذاب در خدمت دوستان عزیز خواهیم بود. اسم این پلاگین 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();
اگه از این نوشته خوشتون اومد! لطفا لایک فراموش نشه...

دیدگاه کاربران در مورد این نوشته

  1. درود بر همگی دوستان
    من یک هاست رایگان در سایت گیگفا ساختم
    الان میخوام یک فرم درست کنم که این مشخصات رو از بازدید کننده بگیره :
    موضوع پیام: (بصورت کشویی باز شود با این 2 گزینه : 1. ثبت نام 2. ارسال گزارش تخلف)
    نام
    نام خانوادگی
    شماره شناسنامه
    محل تولد
    تایخ تولد
    شماره موبایل
    ایمیل
    سایت
    آدرس منزل
    توضیخات
    و یک دکمه ارسال داشته باشه
    از چندجا پرسیدم یا نتونستن پاسخ بدهند یا وقتشو نداشتن که البته بهشون حق میدم مطلب کمی طولانی و اذیت کننده است
    مثلا با php بشه این فرم رو ارسال کرد و نحوه آموزش اتصال به sql
    سپاس

    توسط ساسان پاسخ

    1. سلام،
      اگه با کدنویسی آشنایی داشته باشید مشکلی نیست و میتونید به سادگی این کار رو به توابع پیشفرض و یا کلاس wpdb انجام بدید. در غیر این صورت، بهتره که از افزونه های فرم ساز استفاده کنید. (مثل Gravity، Contact From 7 و…)

      توسط علی میرزائی پاسخ

  2. میشه توی سایدبار استفاده کرد؟ همچنین بشه چند تا از شمارنده ها همزمان با تاریخی که مثل هم نباشن ایجاد کرد؟

    توسط hassan پاسخ

دیدگاه خود را بیان کنید