Şimdi Ara

HTML ve CSS konusunda yardım

Bu Konudaki Kullanıcılar:
2 Misafir (1 Mobil) - 1 Masaüstü1 Mobil
5 sn
5
Cevap
0
Favori
302
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Sol üst kosedeki menuyu ortaya cıkarma ve tıklanıyor yapma konusunda bana yardım edebilirmisiniz




  • cem sevindil-k C kullanıcısına yanıt
    Ç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.




  • Teşekkürler

  • 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.

  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.