MENIU SUS

• Javascript Menus
• Horizontal Menus
• Web Menus

JAVASCRFIPT var sse2 = function () { var rebound = 20; //set it to 0 if rebound effect is not prefered var slip, k; return { buildMenu: function () { var m = document.getElementById('sses2'); if (!m) return; var ul = m.getElementsByTagName("ul")[0]; m.style.width = ul.offsetWidth + 1 + "px"; var items = m.getElementsByTagName("li"); var a = m.getElementsByTagName("a"); slip = document.createElement("li"); slip.className = "highlight"; ul.appendChild(slip); var url = document.location.href.toLowerCase(); k = -1; var nLength = -1; for (var i = 0; i < a.length; i++) { if (url.indexOf(a[i].href.toLowerCase()) != -1 && a[i].href.length > nLength) { k = i; nLength = a[i].href.length; } } if (k == -1 && /:\/\/(?:www\.)?[^.\/]+?\.[^.\/]+\/?$/.test) { for (var i = 0; i < a.length; i++) { if (a[i].getAttribute("maptopuredomain") == "true") { k = i; break; } } if (k == -1 && a[0].getAttribute("maptopuredomain") != "false") k = 0; } if (k > -1) { slip.style.width = items[k].offsetWidth + "px"; //slip.style.left = items[k].offsetLeft + "px"; sse2.move(items[k]); //comment out this line and uncomment the line above to disable initial animation } else { slip.style.visibility = "hidden"; } for (var i = 0; i < items.length - 1; i++) { items[i].onmouseover = function () { if (k == -1) slip.style.visibility = "visible"; if (this.offsetLeft != slip.offsetLeft) { sse2.move(this); } } } m.onmouseover = function () { if (slip.t2) slip.t2 = clearTimeout(slip.t2); }; m.onmouseout = function () { if (k > -1 && items[k].offsetLeft != slip.offsetLeft) { slip.t2 = setTimeout(function () { sse2.move(items[k]); }, 50); } if (k == -1) slip.t2 = setTimeout(function () { slip.style.visibility = "hidden"; }, 50); }; }, move: function (target) { clearInterval(slip.timer); var direction = (slip.offsetLeft < target.offsetLeft) ? 1 : -1; slip.timer = setInterval(function () { sse2.mv(target, direction); }, 15); }, mv: function (target, direction) { if (direction == 1) { if (slip.offsetLeft - rebound < target.offsetLeft) this.changePosition(target, 1); else { clearInterval(slip.timer); slip.timer = setInterval(function () { sse2.recoil(target, 1); }, 15); } } else { if (slip.offsetLeft + rebound > target.offsetLeft) this.changePosition(target, -1); else { clearInterval(slip.timer); slip.timer = setInterval(function () { sse2.recoil(target, -1); }, 15); } } this.changeWidth(target); }, recoil: function (target, direction) { if (direction == -1) { if (slip.offsetLeft > target.offsetLeft) { slip.style.left = target.offsetLeft + "px"; clearInterval(slip.timer); } else slip.style.left = slip.offsetLeft + 2 + "px"; } else { if (slip.offsetLeft < target.offsetLeft) { slip.style.left = target.offsetLeft + "px"; clearInterval(slip.timer); } else slip.style.left = slip.offsetLeft - 2 + "px"; } }, changePosition: function (target, direction) { if (direction == 1) { //following +1 will fix the IE8 bug of x+1=x, we force it to x+2 slip.style.left = slip.offsetLeft + Math.ceil(Math.abs(target.offsetLeft - slip.offsetLeft + rebound) / 10) + 1 + "px"; } else { //following -1 will fix the Opera bug of x-1=x, we force it to x-2 slip.style.left = slip.offsetLeft - Math.ceil(Math.abs(slip.offsetLeft - target.offsetLeft + rebound) / 10) - 1 + "px"; } }, changeWidth: function (target) { if (slip.offsetWidth != target.offsetWidth) { var diff = slip.offsetWidth - target.offsetWidth; if (Math.abs(diff) < 4) slip.style.width = target.offsetWidth + "px"; else slip.style.width = slip.offsetWidth - Math.round(diff / 3) + "px"; } } }; } (); if (window.addEventListener) { window.addEventListener("load", sse2.buildMenu, false); } else if (window.attachEvent) { window.attachEvent("onload", sse2.buildMenu); } else { window["onload"] = sse2.buildMenu; }