افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin

یکی از قابلیتهایی که در طراحی رابط کاربری وب سایت و یا طراحی قالب وردپرس مورد استفاده قرار می گیرد استفاده از تب می باشد. توسط تبها می توان چندین بلوک را به شکلی زیبا در کنار یکدیگر و در یک فضا نمایش داد تا الاوه بر استفاده بهینه از صفحه نمایش، ظاهر زیباتری ایجاد نماییم. از متداول ترین روشهای ایجاد تب بندی در قالب سایت استفاده از پلاگین جی کوئری ساخت تب می باشد که با استفاده از اختصاص یک id ای دی یکتا برای هر تب می توان براحتی تبهایی با افکتهای نمایشی زیبا ایجاد کرد در این مطلب از روناک وب چند افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin برای حرکت و تعویض تب معرفی می شود که می توانید در پروژه هایتان از آنها استفاده کنید.

افزونه جی کوئری ساخت تب با افکت زیبا Jquery Tab Plugin

افزونه جی کوئری ساخت تب با افکت

از محبوب ترین پلاگینهای جاوا ساخت تب بندی سایت EasyTabs.js می باشد که توانایی ساخت انواع تب افقی و عمودی با افکت محو زیبا در هنگام تعویض تب را دارا می باشد این افزونه با تمام مرورگرهای بروز از جمله اینترنت اکسپلوره ie نسخه +۷ به بالا سازگاری دارد. از قابلیتهای ایزی تب می توان به موارد زیر اشاره کرد:

  • امکان بارگذاری یا لود محتوای تب توسط Ajax آژاکس
  • قابلیت زمان بندی برا تعویض خودکار تبها
  • سازگاری با فریمورک توئیتر بوت استرپ
  • امکان ساخت تبهای تو در تو
  • قابلیت نمایش پیام در هنگام تعویض تب
  • امکان ساخت فرم چند مرحله ای در تبها
  • امکان نمایش لینک یا عنوان تب در ستون کناری راست و چپ
  • پشتیبانی از دکمه های کنترلی قبلی و بعدی برای مرور تب از طریق آنها
  • طراحی واکنش گرا و سازگار با موبایل و تبلت
  • نصب و راه اندازی سریع و آسان
  • امکان اختصاصی کردن و ویرایش شیوه نامه یا استایل css
  • متن باز و رایگان

برای مشاهده دمو از انواع تبها و دانلود آخرین نسخه افزونه جی کوئری تب بندی ایزی تب EasyTabs.js به سایت سازنده آن در آدرس Jquery EasyTabs Plugin مراجعه نمایید.

پلاگین جی کوئری تب بندی Tabslet

دومین افزونه ای که قصد معرفی آنرا داریم Tabslet می باشد این پلاگین نیز مانند ایزی تب عمل می کند و تقریبا تمام امکانات آنرا داراست همچنین امکان نمایش محتوای جدول بندی از طریق هاور شدن ماوس بر روی عنوان تب را نیز دارا می باشد. برای مشاهده پیش نمایش و دانلود آخرین ورژن پلاگین تبزلت به صفحه آن از سایت معتبر گیت هاب github مراجعه نمایید.

هر دو افزونه جی کوئری ساخت تب معرفی شده متن باز و کاملا رایگان بوده که می توانید براحتی ار آنها استفاده نمایید.

954 بازدید 4 نظر
خیلی خوشم اومد.
به نظر من !!!
  1. Aref می گه:
    ۱۵:۲۸ مورخه ۰۳ بهمن ۹۴

    دقیقا توضیح بدید چجوری باید با افزونه Jquery Tab Plugin کار کرد

    • روناک وب می گه:
      ۱۷:۰۶ مورخه ۰۳ بهمن ۹۴

      این افزونه جی کوئری هست که برای استفاده در طراحی و کدنویسی رابط کاربری سایت حالا چه وردپرس باشه یا سیستم مدیریت محتوای دیگه کاربرد داره و با پلاگین وردپرس متفاوت هست.
      برای استفاده از افزونه های جی کوئری باید کدنویسی و برنامه نویسی html ، css و کمی jquery یاد داشته باشید.

  2. Aref می گه:
    ۲۱:۵۲ مورخه ۰۳ بهمن ۹۴

    سلام
    همین قسمتی که سمت چپ سایتتون هست و مطالب محبوب رو نشون میده چجوری ساختین؟؟؟
    میشه کدش رو بدین یا از قالب هست؟

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!