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

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

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

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

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

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

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

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

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

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

پخش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

  1. shima گفت:

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

دیدگاهتان را بنویسید

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