Rehber HTML, CSS ve JS ile açılır kapanır menü yapımı

HTML, CSS ve JS ile açılır kapanır menü yapmak oldukça kolay bir işlem. Bilmeniz gerekenler classList.toggle ve getElementById methodu ve addEventListener ile event ekleme. Gerisi tamamen CSS işlemleri.

CSS ile yapacağımız işlem menü open classına sahipse transform özelliğini sıfır yapmak.

Kodların her şeyi açıkladığını düşündüğüm için pek detaya girmeyeceğim. Karışık bir işlem değil. Sorularınız olursa bu konunun linkini ekleyip, beni etiketleyerek konu açabilirsiniz.

Kodları Drive'a yüklüyorum. Aynı zamanda canlı önizleme için JSFiddle linki de bırakıyorum.


 
Son düzenleme:

RocaniX

Hectopat
Katılım
26 Mart 2017
Mesajlar
344
Yer
İstanbul
Gayet güzel. :)
 
Yukarı