HTML, CSS ve JS ile açılır kapanır menü yapmak oldukça kolay bir işlem. Bilmeniz gerekenler
CSS ile yapacağımız işlem menü
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.
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.
flyMenu.zip
drive.google.com
HTML, CSS and JS Fly Menu - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
Son düzenleme: