Yeni HTML Kodları

Araç Gereçler

sınırsız alt kategorili menü html kodu

Çok Alt Kategorili Menü

Birden çok alt kategori desteği bulunan başarılı bir menü uygulaması.
Birden çok alt kategori desteği bulunan başarılı bir menü uygulaması.

Paylas:

Kod:

 <!-- www.1htmlkodlari.tr.gg adresinden alınmıştır --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <script language="javascript"> var interval = 0; function Menu(lpos, rpos, value, ref, width, height, visibility) { this.id = lpos + rpos; this.lpos = lpos; this.rpos = rpos; this.value = value this.ref = ref; this.width = width; this.height = height; this.left = 0; this.top = 0; this.visibility = visibility; this.level = lpos.length; } aMenu = new Array(); //constructor //menu = new Menu('key1', 'key2', 'value', 'target', 'length', 'height', 'visibility: 1=visible; 0=hidden') //Parent menu must be declared visible - 1 //menu - level 0 aMenu[0] = new Menu('0', '0', '0-0', 'index.htm', 130, 20, 1); aMenu[1] = new Menu('0', '1', '0-1 >>', '#', 130, 20, 1); aMenu[2] = new Menu('0', '2', '0-2', '#', 130, 20, 1); //submenu1 - level 1 aMenu[3] = new Menu('01', '0', '01-0', '#', 130, 20, 0); aMenu[4] = new Menu('01', '1', '01-1 >>', '#', 130, 20, 0); //submenu2 - level 2 aMenu[5] = new Menu('011', '0', '011-0', '#', 130, 20, 0); aMenu[6] = new Menu('011', '1', '011-1 >>', '#', 130, 20, 0); aMenu[7] = new Menu('011', '2', '011-2', '#', 130, 20, 0); //submenu3 - level 3 aMenu[8] = new Menu('0111', '0', '0111-0', '#', 130, 20, 0); aMenu[9] = new Menu('0111', '1', '0111-1 >>', '#', 130, 20, 0); //submenu4 - level 4 aMenu[10] = new Menu('01111', '0', '01111-0', '#', 130, 20, 0); aMenu[11] = new Menu('01111', '1', '01111-1', '#', 130, 20, 0); aMenu[12] = new Menu('01111', '2', '01111-2', '#', 130, 20, 0); function hideAll(Object) { for (var i = 1; i < aMenu.length; i++) { if (aMenu[i].lpos != '0') document.getElementById(aMenu[i].id).style.visibility = 'hidden'; } } function showMenus(Object) { for (var i = 0; i < aMenu.length; i++) { if (aMenu[i].id == Object.id) // find menu { for (var j = i; j < aMenu.length; j ++) { if (aMenu[j].lpos == aMenu[i].id) // find submenu { document.getElementById(aMenu[j].id).style.visibility = 'visible'; } else // hide rest { if ((aMenu[j].lpos != '0') && (aMenu[j].level >= aMenu[i].level + 1)) { document.getElementById(aMenu[j].id).style.visibility = 'hidden'; } } } } } } function finterval() { interval = setInterval('hideAll(Object)', 500); } function shadowMenu(Object) { for (var i = 0; i < aMenu.length; i++) { if (aMenu[i].id == Object.id) document.getElementById(aMenu[i].id).style.background = '#00CCFF'; } clearInterval(interval); } function unshadowMenu(Object) { for (var i = 0; i < aMenu.length; i++) { if (aMenu[i].id == Object.id) document.getElementById(aMenu[i].id).style.background = '#CCCCCC'; } finterval(); } function writeMenu(Menu) { this.background_color = 'background-color: #CCCCCC;'; this.margin_bottom = 'margin-bottom: 1px;'; this.border_width = 'border-width: thin;'; this.border_style = 'border-style: groove;'; this.color = 'color: #0000FF;'; this.vwidth = 'width:' + Menu.width.toString() + 'px;'; this.vheight = 'height:' + Menu.height.toString() + 'px;'; this.font_family = 'font-family:Verdana, Arial, Helvetica, sans-serif;'; this.font_size = 'font-size:11px;'; this.font_weight = 'font-weight:bold;'; this.text_decoration = 'text-decoration:none;'; this.text_align = 'text-align:left;'; this.text_indent = 'text-indent: 10px;'; this.text_shadow = 'text-shadow:Maroon;'; this.vleft = 'left: ' + Menu.left.toString() + 'px;'; this.vtop = 'top: ' + Menu.top.toString() + 'px;'; if (Menu.visibility == 0) this.vvisibility = 'visibility: hidden;'; else this.vvisibility = 'visibility: visible;'; this.strMenu = '<A ' + 'HREF="' + Menu.ref + '"' + 'TARGET="_self"' + 'ID="' + Menu.id + '"' + 'VALUE="' + Menu.value + '"' + 'onClick="hideAll(this)"' + 'onMouseOver="showMenus(this); shadowMenu(this)"' + 'onMouseLeave="unshadowMenu(this)"' + 'style="' + this.background_color + this.margin_bottom + this.border_width + this.border_style + this.color + this.vwidth + this.vheight + this.font_family + this.font_size + this.font_weight + this.text_decoration + this.text_align + this.text_indent + this.vvisibility + this.vleft + this.vtop + 'position: absolute;' + this.text_shadow + '">' + Menu.value + '</A>'; document.write(this.strMenu); } function genMenu(aMenu) { aMenu[0].left = 15; // left position aMenu[0].top = 100; // top position writeMenu(aMenu[0]); for (var i = 1; i < aMenu.length; i++) { if (aMenu[i].lpos == aMenu[i - 1].lpos) // same menu { aMenu[i].left = aMenu[i - 1].left; aMenu[i].top = aMenu[i - 1].top + aMenu[i - 1].height; writeMenu(aMenu[i]); } for (var k = 0; k < i; k++) { if ((aMenu[i].lpos == (aMenu[k].lpos + aMenu[k].rpos)) && (aMenu[i].lpos != aMenu[i - 1].lpos)) // find submenu { aMenu[i].left = aMenu[k].left + aMenu[k].width; aMenu[i].top = aMenu[k].top; writeMenu(aMenu[i]); } } } } genMenu(aMenu); </script> </head> <body> </body> </html> <!-- www.1htmlkodlari.tr.gg adresinden alınmıştır -->

Bugün 24 ziyaretçi (28 klik) kişi burdaydı!

Yükleniyor...

Reklam
YARARLI BİLGİLER

İÇERİKLER
Dost Siteler
- HTML Kodları
- Supernatural Fan

Bilgiler

Merhaba ziyaretçi!
şuanda sitemizin sÄ±nÄ±rsÄ±z alt kategorili menÃŒ html kodu sayfasını geziyorsunuz.Sitemize vakit ayırdığınız için teşekkür ederiz.
IP adresiniz:
18.217.228.35

Yeni HTML Kodları

Araç Gereçler

HTML Kodları | tr.gg kod | Html kod | sitene ekle | FBML Kodları

sınırsız alt kategorili menü html kodu

Çok Alt Kategorili Menü

Paylas:

Kod:

Reklam

YARARLI BİLGİLER

İÇERİKLER

Dost Siteler

Bilgiler