جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش ساخت Tab با استفاده از جاوا اسکریپت

با سلام خدمت بازدیدکنندگان وب سایت اسکریپت دات کام . در این پست قصد انتشار آموزشی برای ساخت باکس های دارای Tab با استفاده از جاوا اسکریپت را دارم …

حتما شما هم در طول روز و در وب گردی خود , بسیار با این نوع باکس ها برخورد داشته اید . باکس هایی که دارای منوی های Tab هستند و با کلیک بر روی آنها , محتوی باکس عوض میشود .

بسیاری از توسعه دهندگان وب برای ساخت این نوی باکس ها , از پلاگین های آماده جی کوئری استفاده میکنند که باعث کندی در بارگذاری وب سایت میشود ولی در این پست آموزش ساخت با جاوا اسکریپت را آموزش خواهیم داد …

آموزش ساخت Tab با استفاده از جاوا اسکریپت

برای ساخت ابتدا باید کد html زیر را در وب سایت خود قرار دهید :

سپس کد زیر را در css خود کپی کرده :

و در آخر کد JavaScript زیر را در انتهای وب سایت و حتما قبل از بسته شدن تگ <body/> قرار دهید .

گرداوری و آموزش : وحید مجیدی

پخش اختصاصی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (لطفا رای بدید)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    3 پاسخ به “آموزش ساخت Tab با استفاده از جاوا اسکریپت”

    1. shima گفت:

      سلام
      برای حالتی که بخواهیم پارت اول tab فعال باشه چه کلاسی باید به اون اضافه بشه؟
      ممنون

    پاسخی بگذارید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *