https://img.webme.com/pic/o/osmantalay/flagtr.png https://img.webme.com/pic/o/osmantalay/flagen.png https://img.webme.com/pic/o/osmantalay/flagde.png https://img.webme.com/pic/o/osmantalay/flagfr.png https://img.webme.com/pic/o/osmantalay/flages.png


Bizi Takip Edin

Gizle-Göster Kodu

Gizle-Göster Kodu

Kategori: (Css-Htm-JQery) Yazar: kerem Tarih: 10-04-2011

Etiketler : kod, saygı, gizle, teşekkür, hibycocuk, göster, css, tasarım,


 Tasarım Üstü
 

<script type="text/javascript" >
function goster() {
document.getElementById("goster").style.display = "none";
document.getElementById("gizle").style.display = "block";
document.getElementById("alan").style.display = "block";
}

function gizle() {
document.getElementById("gizle").style.display = "none";
document.getElementById("goster").style.display = "block";
document.getElementById("alan").style.display = "none";
}
</script>


Css


#Alan{display:none;}
span#goster{cursor:pointer;}
span#gizle{display:none; cursor:pointer;}

İsteğiniz Yere

<center> <span id="goster" onclick="goster();" >Göster</span> <span id="gizle" onclick="gizle();" >Gizle</span> <div id="alan" > Gizlemek istediğimiz kodlar gelecek</div> </center>


HibyCocuk'a Teşekkürler..!
 



Tasarım için Osman Talay
Teşekkür Ederim..!

İstatistikler
Bugün: 1 | Klik: 2 | Buradasın: Gizle-Göster Kodu
İp: 18.191.235.143
Online Ziyaretci:
Beğendiğim # Bağlantılar
►HibyCocuk (Css-Htm)
►Taha-ST (Kişisel Site)
►Osmanli (Osmanlı Tarihi)
►OgünDünyasi (Kişisel Site)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol