Kategoriler
CSS HTML JavaScript

HTML, CSS ve JS ile Sekmeli İçerik Yapımı

Tab menüler çok kolay bir mantığa dayanıyor. İşin özü görünen elemanı display: none yapıp görünecek elemanı da display: block yapmak.

Görünecek elemanı da a etiketinin href‘ine yazdığımız eleman id‘sinden buluyoruz.

Güzel görünmesi için de birkaç CSS yazmak gerek tabii ki.

Ben biraz karmaşıklaştırmak için kapanan elemanın kayarak gideceği bir efekt yapmak istedim. Kodlar her zamanki gibi JSFiddle’da.

Yazar Berkay Davas

15 Haziran 1999’da İstanbul’da doğdum. İlk ve orta öğrenimimi İstanbul’da tamamladım ardından 2017 yılında Çapa Anadolu Öğretmen Lisesinden mezun oldum.

Lise yıllarında başladığım web tasarım ve programlama işini 6 senedir profesyonel olarak sürdürmekteyim. Halihazırda Beykent Üniversitesinde Bilgisayar Mühendisliği eğitimi almaktayım.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir