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

Berkay Davas · 23 Ocak 2021

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.

flyMenu.zip

drive.google.com

HTML, CSS and JS Fly Menu - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

jsfiddle.net

RocaniX · 16 Mart 2021

Gayet güzel.

Laxerian · 9 Ağustos 2021

Berkay Davas dedi:
Web sistemleri geliştirilmez, aynı zamanda tasarlanır da. Yazılım mimarisi diye apayrı bir konu var. Firmanın amaçlarına uygun sistemlerin Back-End'ini de tasarladığım için bu şekilde bir terim kullandım. Tabii yine de daha düzgün ifade edilebilir.

HTML5 CSS3 sass scss bootstrap 4 JavaScript jquary Angular Vue.js öğrenebileceğim bir kurs var mı?

Berkay Davas · 9 Ağustos 2021

Laxerian dedi:
HTML5, CSS3, SASS, SCSS, Bootstrap 4, JavaScript, JQuery, Angular ve Vue.js öğrenebileceğim bir kurs var mı?

SASS ile SCSS aynı kapıya çıkıyor. Kursu bilmiyorum, yeni konu açsan iyi olur.

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

Ayrıntılı düzenleme

flyMenu.zip

HTML, CSS and JS Fly Menu - JSFiddle - Code Playground

RocaniX

Kilopat

Laxerian

Hectopat

Berkay Davas

Gigapat

Benzer konular