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.
drive.google.com
jsfiddle.net
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:
