MegaforumTR

Açılır Menü Kodu

Açılır Menü Kodu

Katlanır Menü

Katlanır Menü

Menu1

Menu2

Menu3

<html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1254" ></FCK:meta> <title>Katlanır Menü</title> <style type="text/css"> #MenuTasiyici{ margin: 0; padding: 0; width: 320px; font-family: arial, tahoma sans-serif; } #MenuTasiyici .Baslik{ background-color: #245EDC; height: 22px; width: 320px; font-size: 12px; font-weight: bold; color: #E4EBFA; line-height: 22px; margin-bottom: 1px; } #MenuTasiyici .Baslik span{ padding-left: 8px; } #MenuTasiyici .OgeBaslik{ background-color: #ABC1F1; height: 20px; line-height: 20px; font-weight: bold; font-size: 11px; padding-left: 7px; cursor: pointer; border-bottom: solid 1px #245EDC; } #MenuTasiyici .OgeGrup{ width: 100%; color: #004E98; } #MenuTasiyici .Oge{ background-color: #F5F5F5; height: 20px; line-height: 20px; font-size: 11px; padding-left: 10px; border-bottom: solid 1px #D9DAD8; } </style> <script type="text/javascript">
function OgeAcKapa(oge)
{
if (document.getElementById(oge).style.display == 'none')
{
document.getElementById(oge).style.display = '';
}
else
{
document.getElementById(oge).style.display = 'none';
}
}
</script> </head> <body> <div id="MenuTasiyici"> <div class="Baslik"><span>Katlanır Menü</span></div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%20'og1')%3B%22""> Menu1 </div> <div id="og1" class="OgeGrup" style="display: none;"> <div class="Oge">1.1</div> <div class="Oge">1.2</div> <div class="Oge">1.3</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%20'og2')%3B%22""> Menu2 </div> <div id="og2" class="OgeGrup" style="display: none;"> <div class="Oge">2.1</div> <div class="Oge">2.2</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%20'og3')%3B%22""> Menu3 </div> <div id="og3" class="OgeGrup" style="display: none;"> <div class="Oge">3.1</div> <div class="Oge">3.2</div> <div class="Oge">3.3</div> </div> </div> </body> </html> <script type="text/javascript">
var menu_sayisi = 3; // Menü sayınızı buradan ayarlayınız, menü adlarının sonu ardışık artacak şekilde olmalıdır
var s, alan;
function OgeAcKapa(oge)
{
if (document.getElementById(oge).style.display == 'none')
{
document.getElementById(oge).style.display = '';
for (s = 1; s <= menu_sayisi; s++) {
alan = "og" + s;
if (oge != alan) {
document.getElementById(alan).style.display = 'none';
};
};
}
else
{
document.getElementById(oge).style.display = 'none';
}
}
</script>

Bugün 31 ziyaretçi (108 klik) kişi burdaydı!

Ana Menü

Yeni Html Kodları

Bilgisayar Ve Diğer Konular

Programlar

Tasarımlar

Açılır Menü Kodu