HTML ve CSS konusunda yardım

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar HTML ve CSS konusunda yardım

Bu konudaki kullanıcılar: 1 misafir

3
Cevap 337
Tıklama 0
Öne Çıkarma

1. sayfa

HTML ve CSS konusunda yardım

Cevap Yaz

cem sevindil-k

5 yıl (5 mesaj)

Konu Sahibi

Sol üst kosedeki menuyu ortaya cıkarma ve tıklanıyor yapma konusunda bana yardım edebilirmisiniz

Ayrıldı01

5 yıl (361 mesaj)

Teğmen

Çok basit, bir class yaratıp bu classı ekranda gözükmeyecek şekilde dışarı çıkarmalısın. Bu classı soldan sağa doğru açılacak ve tam yükseklikte olacak şekilde dizayn edelim.

Örn;

#menu {
position: absolute;
left: -400px;
top: 0px;
width: 400px;
height: 100%;
background: pink;
transition: 2s;
}

Şimdi menü tuşuna basıldığında gerçekleşecek olayı javascriptte yazalım.

function menuopen() {
document.getElementById(“menu”).style.left = “0px”;
}

Bu kodu üst üste basıldığında aç kapa yapacak şekilde dizayn edelim.

var menudurum = 0;
function menuopen() {
if( menudurum == 0 ) {
document.getElementById(“menu”).style.left = “0px”;
setTimeout(‘menudurum = 1;’,100);
}
if( menudurum == 1 ) {
document.getElementById(“menu”).style.left = “-400px”;
setTimeout(‘menudurum = 0;’,100);
}

}

Şimdi de menünün açılımını sağlayan buton yapalım.

<input type = “button” value = “menu” onclick = “menuopen()” />

Menü classımızı da htmlye ekleyelim.

<div id = “menu”>”menü içeriği”</div>

Yolunda gitmeyen bir şey olursa sorabilirsin.

Bu mesajda bahsedilenler: @cem sevindil-k

cem sevindil-k

5 yıl (5 mesaj)

Konu Sahibi

Teşekkürler

Bu mesaja 1 cevap geldi.

Ayrıldı01

5 yıl (361 mesaj)

Teğmen

quote:

Orijinalden alıntı: cem sevindil-k

Teşekkürler

Rica ederim. Anlamadığın ve merak ettiğin başka soruların var ise sormaktan çekinme.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar HTML ve CSS konusunda yardım