menü kodumuz html
[
]  | 04.08.2009, 18:23 |
<!--- KAYNAK: http://www.gezginler.net --->
<head>
<style>.m0l0i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l0o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l1i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l1o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l2i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l2o {
text-decoration : none;
border : 1px solid #ffffff;
}</style>
</head>
<body leftmargin="5" marginheight="5" marginwidth="5" topmargin="5">
<script language="JavaScript">// Title: tigra menu
// URL: http://menu.softcomplex.com/
// Author: Denis Gritcyuk <denis@softcomplex.com>
var menus = [];
function menu (item_struct, pos, styles) {
this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];
this.add_item = menu_add_item;
this.hide = menu_hide;
this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;
var i;
for (i = 0; i < this.item_struct.length; i++)
new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
this.children[i].visibility(true);
menus[this.id] = this;
}
function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}
function menu_hide () {
for (var i = 0; i < this.items.length; i++) {
this.items[i].visibility(false);
this.items[i].switch_style('onmouseout');
}
}
function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
this.pos['hide_delay'][this.active_item.depth]);
if (this.active_item.id == id)
this.active_item = null;
}
function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items[i];
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
curr_item.switch_style (
curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
curr_item.visibility(visib);
}
}
function menu_onmousedown (id) {
this.items[id].switch_style('onmousedown');
}
function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}
function mitem_init() {
document.write (
'<a id="mi_' + this.container.id + '_'
+ this.id +'" class="m' + this.container.id + 'l' + this.depth
+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
+ this.get_y() + 'px; left: ' + this.get_x() + 'px; width: '
+ this.container.pos['width'][this.depth] + 'px; height: '
+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
+' background: black; color: white; z-index: ' + this.depth + ';" '
+ 'onclick="return menus[' + this.container.id + '].onclick('
+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
+ this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">'
+ this.fields[0] + "</div></a>\n"
);
this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
if (make_visible != null) {
if (this.visible == make_visible) return;
this.visible = make_visible;
if (make_visible)
this.element.style.visibility = 'visible';
else if (this.depth)
this.element.style.visibility = 'hidden';
}
return (this.visible);
}
function mitem_get_x() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_left'][i]
+ this.arrpath[i] * this.container.pos['left'][i];
return (value);
}
function mitem_get_y() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_top'][i]
+ this.arrpath[i] * this.container.pos['top'][i];
return (value);
}
function mitem_switch_style(state) {
if (this.state == state) return;
this.state = state;
var style = this.container.styles[state];
for (var i = 0; i < style.length; i += 2)
if (style[i] && style[i+1])
eval('this.element.style.' + style[i] + "='"
+ style[i+1][this.depth] + "';");
}
</script>
<script language="JavaScript">/* --- menu başlangıcı --- */
var MENU_ITEMS = [
['Ana Menü', 'http://www.gencmevtoo.ucoz.net',
['Dosya Kataloğu', 'http://www.gencmevtoo.ucoz.net/load'],
['Multimedya', 'http://www.gencmevto.ucoz.net',
['Videolar', 'http://gencmevtoo.ucoz.net/index/0-7'],
['Müzikler', 'http://gencmevtoo.ucoz.net/index/0-21'],
['Televizyon', 'http://www.gencmevtoo.ucoz.net/board/19-1-0-67'], ['Güncel Konular', 'http://www.gencmevtoo.ucoz.net/news'],
],
['Bilgi Ağı', 'http://www.gencmevtoo.ucoz.net/',
['Bilgi Ağı', 'http://www.gencmevtoo.ucoz.net/',
['Türk Devletleri', 'http://gencmevtoo.ucoz.net/news/2009-07-13-98'],
['Diller-Alfabeler', 'http://gencmevtoo.ucoz.net/news/2009-07-13-99'],
['Kadınca', 'http://gencmevtoo.ucoz.net/news/2009-07-13-100'],
['Tarih', 'http://gencmevtoo.ucoz.net/news/2009-07-23-111'],
['Peygamberler', 'http://gencmevtoo.ucoz.net/news/2009-07-24-114'],
['Dinler', 'http://gencmevtoo.ucoz.net/news/2009-07-24-113'],
['İslam', 'http://gencmevtoo.ucoz.net/news/2009-07-24-115'],
['Haritalar', 'http://www.gencmevtoo.ucoz.net/board/16-1-0-70'],
],
['Paylaşım', 'http://www.gencmevtoo.ucoz.net/forum',
['Paylaşım', 'http://www.gencmevtoo.ucoz.net/board'],
['Forum', 'http://www.gencmevtoo.ucoz.net/forum'],
['Çeşitli', 'http://www.gencmevtoo.ucoz.net/faq'],
],
['Özel Yayınlar', 'http://www.gencmevtoo.ucoz.net/publ'], ['Site Bankası', 'http://www.gencmevtoo.ucoz.net/dir'],
],
['Genel Hizmetler','http://www.gencmevtoo.ucoz.net/',
['İlahiler', 'http://gencmevtoo.ucoz.net/news/2009-07-27-119'],
['Hat Sanatı', 'http://gencmevtoo.ucoz.net/news/2009-07-31-131'],
['Camiler', 'http://gencmevtoo.ucoz.net/news/2009-07-31-130'],
['Fotoğram Galerisi', 'http://gencmevtoo.ucoz.net/news/2009-07-24-116'],
['Esmaül Hüsna', 'http://gencmevtoo.ucoz.net/news/2009-07-24-112'],
['Temalar', 'http://gencmevtoo.ucoz.net/news/2009-07-20-108'],
['İslami Kavramlar', 'http://gencmevtoo.ucoz.net/news/2009-07-06-89'],
['Alt Kategoriler', 'http://gencmevtoo.ucoz.net/news/2009-06-23-87'],
['E-Kartlar', 'http://gencmevtoo.ucoz.net/news/2009-04-26-43'], ['Osmanlı Padişahları', 'http://gencmevtoo.ucoz.net/faq/3-0-34'],
],
['Sitemize Dair', 'http://www.gencmevtoo.ucoz.net/',
['Menü', 'http://www.gencmevtoo.ucoz.net/',
['Fotoğraf Albümü', 'http://www.gencmevtoo.ucoz.net/photo'],
['Ziyaretçi Defteri', 'http://www.gencmevtoo.ucoz.net/gb'],
['Araç Çubuğu', 'http://gencmevtoo.ourtoolbar.com/'], ['Dosya Paylaşım', 'http://anonymouse.org/cgi-bin/anon-www.cgi/http://sites.google.com/site/gencmevtoocash/genel-dosya-paylasim'],
],
['Hizmetler', 'http://www.gencmevtoo.ucoz.net/',
['E-posta', 'http://gencmevtoo.ucoz.net/index/0-22'],
['Arama', 'http://gencmevtoo.ucoz.net/news/2009-07-13-101'],
['Cümle Çeviri', 'http://gencmevtoo.ucoz.net/news/2009-07-14-103'],
['Messenger Aç', 'http://gencmevtoo.ucoz.net/publ/4-1-0-6'], ['Bize Ulaşın', 'http://gencmevtoo.ucoz.net/index/0-3'],
],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS1 = new Array();
MENU_POS1['height'] = [25, 20, 20];
MENU_POS1['width'] = [130, 170, 170];
MENU_POS1['block_top'] = [80, 25, 0];
MENU_POS1['block_left'] = [12, 0, 171];
MENU_POS1['top'] = [0, 21, 21];
MENU_POS1['left'] = [131, 0, 0];
MENU_POS1['hide_delay'] = [200, 200, 200];
var MENU_STYLES1 = new Array();
MENU_STYLES1['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#ffffff'], //yazı rengi
'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
'fontWeight', ['normal', 'normal', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmouseover'] = [
'color', ['#d3d17a', '#d3d17a', '#d3d17a'],
'background', ['#115585', '#115585', '#115585'],//hover rengi
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmousedown'] = [
'color', ['#ffffff', '#000000', '#000000'],
'background', ['#99ccff', '#99ffcc', '#cc99ff'],
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['underline', 'none', 'none'],
];</script>
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS1, MENU_STYLES1);
</script>
<!--- KAYNAK: http://www.gezginler.net ---> |
| Kategori: Hazır Kodlar | Ekleyen Kişi: gencmevtoo
| Etiketler:
|
| Görüntülenme: 29 | İndirilenler: 0
| Oylamalar: 0.0/0 | |
|