Html kódy-html games, výměna reklamy, zdarma, partneři» Menu

Návštěvnost

widget

Shout Board

Zákaz vkládání odkazů! Pouze pro dotazy!

Facebook

Dynamic JS Menu 1.5

Náhled

Kód

<HEAD> 
    <TITLE>Dynamic JS Menu 1.5</TITLE> 
<SCRIPT language=JavaScript1.2> 
td_1 = "Home Page" 
url_1 = "pages.htm" 
td_2 = "Services" 
td_2_1 = "Category A" 
td_2_1_1 = "Service A1" 
url_2_1_1 = "pages.htm" 
td_2_1_2 = "Service A2" 
url_2_1_2 = "pages.htm" 
td_2_1_3 = "Service A3" 
url_2_1_3 = "pages.htm" 
td_2_1_4 = "Service A4" 
url_2_1_4 = "pages.htm" 
td_2_1_5 = "Service A5" 
url_2_1_5 = "pages.htm" 
td_2_1_6 = "Service A6" 
url_2_1_6 = "pages.htm" 
td_2_1_7 = "Service A7" 
url_2_1_7 = "pages.htm" 
td_2_1_8 = "Service A8" 
url_2_1_8 = "pages.htm" 
td_2_2 = "Category B" 
td_2_2_1 = "Service B1" 
url_2_2_1 = "pages.htm" 
td_2_2_2 = "Service B2" 
url_2_2_2 = "pages.htm" 
td_2_2_3 = "Service B3" 
url_2_2_3 = "pages.htm" 
td_2_3 = "Category C" 
td_2_3_1 = "Service C1" 
url_2_3_1 = "pages.htm" 
td_2_3_2 = "Service C2" 
url_2_3_2 = "pages.htm" 
td_2_3_3 = "Service C3" 
url_2_3_3 = "pages.htm" 
td_2_3_4 = "Service C4" 
url_2_3_4 = "pages.htm" 
td_2_3_5 = "Service C5" 
url_2_3_5 = "pages.htm" 
td_2_4 = "Category D" 
td_2_4_1 = "Service D1" 
url_2_4_1 = "pages.htm" 
td_2_4_2 = "Service D2" 
url_2_4_2 = "pages.htm" 
td_2_4_3 = "Service D3" 
url_2_4_3 = "pages.htm" 
td_2_4_4 = "Service D4" 
url_2_4_4 = "pages.htm" 
td_2_4_5 = "Service D5" 
url_2_4_5 = "pages.htm" 
td_2_4_6 = "Service D6" 
url_2_4_6 = "pages.htm" 
td_2_4_7 = "Service D7" 
url_2_4_7 = "pages.htm" 
td_2_5 = "Category E" 
td_2_5_1 = "Service E1" 
url_2_5_1 = "pages.htm" 
td_2_5_2 = "Service E2" 
url_2_5_2 = "pages.htm" 
td_2_5_3 = "Service E3" 
url_2_5_3 = "pages.htm" 
td_2_5_4 = "Service E4" 
url_2_5_4 = "pages.htm" 
td_2_5_5 = "Service E5" 
url_2_5_5 = "pages.htm" 
td_2_6 = "Category F" 
td_2_6_1 = "Service F1" 
url_2_6_1 = "pages.htm" 
td_2_6_2 = "Service F2" 
url_2_6_2 = "pages.htm" 
td_2_6_3 = "Service F3" 
url_2_6_3 = "pages.htm" 
td_2_6_4 = "Service F4" 
url_2_6_4 = "pages.htm" 
td_2_6_5 = "Service F5" 
url_2_6_5 = "pages.htm" 
td_2_6_6 = "Service F6" 
url_2_6_6 = "pages.htm" 
td_2_6_7 = "Service F7" 
url_2_6_7 = "pages.htm" 
td_2_6_8 = "Service F8" 
url_2_6_8 = "pages.htm" 
td_2_6_9 = "Service F9" 
url_2_6_9 = "pages.htm" 
td_2_6_10 = "Service F10" 
url_2_6_10 = "pages.htm" 
td_2_7 = "Category G" 
td_2_7_1 = "Service G1" 
url_2_7_1 = "pages.htm" 
td_2_7_2 = "Service G2" 
url_2_7_2 = "pages.htm" 
td_3 = "Links" 
td_3_1 = "First Link" 
url_3_1 = "pages.htm" 
td_3_2 = "Second Link" 
url_3_2 = "pages.htm" 
td_3_3 = "Third Link" 
url_3_3 = "pages.htm" 
td_3_4 = "Fourth Link" 
url_3_4 = "pages.htm" 
td_3_5 = "Fifth Link" 
url_3_5 = "pages.htm" 
td_3_6 = "Sixth Link" 
url_3_6 = "pages.htm" 
td_3_7 = "Seventh Link" 
td_4 = "Top Picks" 
td_4_1 = "First Pick" 
url_4_1 = "pages.htm" 
td_4_2 = "Second Pick" 
url_4_2 = "pages.htm" 
td_4_3 = "Third Pick" 
url_4_3 = "pages.htm" 
td_4_4 = "Fourth Pick" 
url_4_4 = "pages.htm" 
td_4_5 = "Fifth Pick" 
url_4_5 = "pages.htm" 
td_4_6 = "Sixth Pick" 
url_4_6 = "pages.htm" 
td_4_7 = "Seventh Pick" 
url_4_7 = "pages.htm" 
td_4_8 = "Eighth Pick" 
url_4_8 = "pages.htm" 
td_4_9 = "Ninth Pick" 
url_4_9 = "pages.htm" 
td_4_10 = "Tenth Pick" 
url_4_10 = "pages.htm" 
td_5 = "Website Info" 
td_5_1 = "About The Site" 
url_5_1 = "pages.htm" 
td_5_2 = "Webmasters" 
url_5_2 = "pages.htm" 
td_5_3 = "Forum" 
url_5_3 = "pages.htm" 
td_5_4 = "Guest book" 
url_5_4 = "pages.htm" 
td_6 = "Contact Me" 
url_6 = "pages.htm" 
td_7 = "Help" 
url_7 = "pages.htm"

</SCRIPT>

<STYLE type=text/css> 
 PRE { 
    COLOR: brown 
 } 
TABLE.menu { 
    BORDER-RIGHT: black 1px solid;  
    BORDER-TOP: black 1px solid;  
    BORDER-BOTTOM: black 1px solid;  
    BORDER-LEFT: black 1px solid;  
    VISIBILITY: hidden;  
    CURSOR: pointer;  
    POSITION: absolute 
} 
#mainmenu { 
    POSITION: static 
} 
TABLE.menu TD { 
    COLOR: #000000;         /* Must be the same as tdBgColor in MScript.js */
    BACKGROUND-COLOR: #bbddff;    /* Must be the same as tdBgColor in MScript.js */
    BORDER-RIGHT: 0px;  
    BORDER-TOP: 0px;  
    BORDER-LEFT: 0px;  
    BORDER-BOTTOM: 0px;  
    PADDING-RIGHT: 8px;  
    PADDING-LEFT: 8px;  
    PADDING-BOTTOM: 2px;  
    PADDING-TOP: 0px;  
    FONT-SIZE: 8pt;  
    FONT-FAMILY: Arial;  
    WHITE-SPACE: nowrap;  
} 
</STYLE> 
</HEAD>

<BODY background="background.gif"> 
<SCRIPT language=JavaScript1.2> 
////////////////////Please leave this notice//////////////////////
//                                // 
//    Dynamic JS Menu 1.0                    // 
//    By Pat Libby (Libbypa@maine.rr.com)            // 
//    http://dragonsbane1.topcities.com            // 
//    It works only with IE5.0(++) and Netscape6.0(++)    //
//    Free to use!                        // 
//                                // 
////////////////////Last modified 01-31-2003//////////////////////

//    Modify following four lines to customize your menu 
var tdColor="#000000";        // menu item text color 
var tdBgColor="#BBDDFF";    // menu item background color 
var hlColor="#000000";        // highlight text color 
var hlBgColor="#FFFFFF";    // highlight background color 
//    After change, modify same values in your DropDown.css file

////////////////////DO NOT MODIFY BELOW HERE//////////////////////
var md=250; 
var ti=-1; 
var oTd=new Object; 
oTd=null;

}

function runMenu(strURL){ 
    location.href=strURL; 
}

var tt=""; 
var sT=""; 
var pT=new Array(); 
var tA=new Array();

function getCoord(st){ 
    tA=st.split("_"); 
    if(tA.length>2){ 
        tA=tA.slice(0,-1); 
        tt=tA.join("_"); 
        return (document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
            (document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px\">"; 
    } 
    return (document.getElementById("mainmenu").offsetTop+document.getElementById("td"+st).offsetHeight-2)+"px;left:"+ 
          (document.getElementById("mainmenu").offsetLeft+document.getElementById("td"+st).offsetLeft+5)+"px\">";
}

Horizontálně rozjíždějící menu.

Náhled

Kód

<body> 
<script type="text/javascript"> 
var isDOM=document.getElementById?1:0; 
var isIE=document.all?1:0; 
var isNS4=navigator.appName=='Netscape'&&!isDOM?1:0; 
var isIE4=isIE&&!isDOM?1:0; 
var isOp=window.opera?1:0; 
var isDyn=isDOM||isIE||isNS4;

function getRef(id, par) 
{ 
 par=!par?document:(par.navigator?par.document:par); 
 return (isIE ? par.all[id] : 
  (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) : 
  (isNS4 ? par.layers[id] : null))); 
}

function getSty(id, par) 
{ 
 var r=getRef(id, par); 
 return r?(isNS4?r:r.style):null; 
}

if (!window.LayerObj) var LayerObj = new Function('id', 'par', 
 'this.ref=getRef(id, par); this.sty=getSty(id, par); return this'); 
function getLyr(id, par) { return new LayerObj(id, par) }

function setLyr(lVis, docW, par) 
{ 
 if (!setLyr.seq) setLyr.seq=0; 
 if (!docW) docW=0; 
 var obj = (!par ? (isNS4 ? window : document.body) : 
  (!isNS4 && par.navigator ? par.document.body : par)); 
 var IA='insertAdjacentHTML', AC='appendChild', newID='_js_layer_'+setLyr.seq++;

if (obj[IA]) obj[IA]('beforeEnd', '<div id="'+newID+'" style="position:absolute"></div>'); 
 else if (obj[AC]) 
 { 
  var newL=document.createElement('div'); 
  obj[AC](newL); newL.id=newID; newL.style.position='absolute'; 
 } 
 else if (isNS4) 
 { 
  var newL=new Layer(docW, obj); 
  newID=newL.id; 
 }

var lObj=getLyr(newID, par); 
 with (lObj) if (ref) { vis(lVis); x(0); y(0); sty.width=docW+(isNS4?0:'px') } 
 return lObj; 
}

var CSSmode=document.compatMode; 
CSSmode=(CSSmode&&CSSmode.indexOf('CSS')!=-1)||isDOM&&!isIE||isOp?1:0;

if (!window.page) var page = { win: window, minW: 0, minH: 0, MS: isIE&&!isOp, 
 db: CSSmode?'documentElement':'body' }

page.winW=function() 
 { with (this) return Math.max(minW, MS?win.document[db].clientWidth:win.innerWidth) } 
page.winH=function() 
 { with (this) return Math.max(minH, MS?win.document[db].clientHeight:win.innerHeight) }

page.scrollX=function() 
 { with (this) return MS?win.document[db].scrollLeft:win.pageXOffset } 
page.scrollY=function() 
 { with (this) return MS?win.document[db].scrollTop:win.pageYOffset }

function popOver(mN, iN) { with (this) 
{ 
 clearTimeout(hideTimer); 
 overM = mN; 
 overI = iN; 
 if (iN && this.onmouseover) onmouseover(mN, iN);

litOld = litNow; 
 litNow = new Array(); 
 var litM = mN, litI = iN; 
 while(1) 
 { 
  litNow[litM] = litI; 
  if (litM == 'root') break; 
  litI = menu[litM][0].parentItem; 
  litM = menu[litM][0].parentMenu; 
 }

var same = true; 
 for (var z in menu) if (litNow[z] != litOld[z]) same = false; 
 if (same) return;

clearTimeout(showTimer);

for (thisM in menu) with (menu[thisM][0]) 
 { 
  if (!lyr) continue;

litI = litNow[thisM]; 
  oldI = litOld[thisM];

if (litI && (litI != oldI)) changeCol(thisM, litI, true);

if (oldI && (oldI != litI)) changeCol(thisM, oldI, false);

if (litI && !visNow && (thisM != 'root')) 
  { 
   showMenu(thisM); 
   visNow = true; 
  }

if (isNaN(litI) && visNow) 
  { 
   hideMenu(thisM); 
   visNow = false; 
  } 
 }

nextMenu = ''; 
 if ((menu[mN][iN].type == 'sm:') && !menu[mN][0].subsOnClick) 
 { 
  var targ = menu[mN][iN].href, lyrM = menu[mN][0].lyr;

var showStr = 'with ('+myName+') { menu.'+targ+'[0].visNow = true; ' + 
   'position("'+targ+'"); showMenu("'+targ+'") }'; 
  nextMenu = targ; 
  if (showDelay) showTimer = setTimeout(showStr, showDelay); 
  else eval(showStr); 
 } 
}}

function popOut(mN, iN) { with (this) 
{ 
 if ((mN != overM) || (iN != overI)) return;

if (this.onmouseout) onmouseout(mN, iN);

var thisI = menu[mN][iN];

if (thisI.href != nextMenu) 
 { 
  clearTimeout(showTimer); 
  nextMenu = ''; 
 }

if (hideDelay) 
 { 
  var delay = ((mN == 'root') && (thisI.type != 'sm:')) ? 50 : hideDelay; 
  hideTimer = setTimeout(myName + '.over("root", 0)', delay); 
 }

overM = 'root'; 
 overI = 0; 
}}

function popClick(mN, iN) { with (this) 
{ 
 if (this.onclick) onclick(mN, iN);

var thisI = menu[mN][iN], hideM = true;

with (thisI) switch (type) 
 { 
  case 'sm:': 
  { 
   if (menu[overM][0].subsOnClick) 
   { 
    menu[href][0].visNow = true; 
    position(href); 
    showMenu(href); 
    hideM = false; 
   } 
   break; 
  } 
  case 'js:': { eval(href); break } 
  case '': type = 'window'; 
  default: if (href) eval(type + '.location.href = "' + href + '"'); 
 }

if (hideM) over('root', 0); 
}}

function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN]) 
{ 
 if (!lyr || !lyr.ref) return;

var col = isOver?overCol:outCol; 
 var bgFn = (col.indexOf('.')==-1) ? 'bgColor' : 'bgImage'; 
 if (isNS4) lyr[bgFn](col);

if ((overClass != outClass) || (outBorder != overBorder)) with (lyr) 
 { 
  if (isNS4) write(this.getHTML(mN, iN, isOver)); 
  else 
  { 
   ref.className = (isOver ? overBorder : outBorder); 
   var chl = (isDOM ? ref.childNodes : ref.children) 
   if (chl) for (var i = 0; i < chl.length; i++) chl[i].className = isOver?overClass:outClass; 
  } 
 }

if (!isNS4) lyr[bgFn](col);

if (outAlpha != overAlpha) lyr.alpha(isOver ? overAlpha : outAlpha); 
}}

function popPosition(posMN) { with (this) 
{ 
 for (mN in menu) 
 { 
  if (posMN && (posMN != mN)) continue; 
  with (menu[mN][0]) 
  { 
   if (!lyr || !lyr.ref || !visNow) continue;

var pM, pI, newX = eval(offX), newY = eval(offY); 
   if (mN != 'root') 
   { 
    pM = menu[parentMenu]; 
    pI = pM[parentItem].lyr; 
    if (!pI) continue; 
   }

var eP = eval(par); 
   var pW = (eP && eP.navigator ? eP : window);

with (pW.page) var sX=scrollX(), wX=sX+winW(), sY=scrollY(), wY=winH()+sY; 
   wX = isNaN(wX)||!wX ? 9999 : wX; 
   wY = isNaN(wY)||!wY ? 9999 : wY;

if (pM && typeof(offX)=='number') newX = Math.max(sX, 
    Math.min(newX+pM[0].lyr.x()+pI.x(), wX-menuW-(isIE?5:20))); 
   if (pM && typeof(offY)=='number') newY = Math.max(sY, 
    Math.min(newY+pM[0].lyr.y()+pI.y(), wY-menuH-(isIE?5:20)));

lyr.x(newX); 
   lyr.y(newY); 
  } 
 } 
}}

function addProps(obj, data, names, addNull) 
{ 
 for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i]; 
}

function ItemStyle() 
{ 
 var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass', 
  'overClass', 'outBorder', 'overBorder', 'outAlpha', 'overAlpha', 'normCursor', 'nullCursor']; 
 addProps(this, arguments, names, true); 
}

function popStartMenu(mName) { with (this) 
{ 
 if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); }

actMenu = menu[mName]; 
 aM = actMenu[0]; 
 actMenu.length = 1;

var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'par', 
  'parentMenu', 'parentItem', 'visNow', 'oncreate', 'subsOnClick']; 
 addProps(aM, arguments, names, true);

aM.extraHTML = ''; 
 aM.menuW = aM.menuH = 0;

if (!aM.lyr) aM.lyr = null;

if (mName == 'root') menu.root[0].oncreate = new Function('this.visNow=true; ' + 
  myName + '.position("root"); this.lyr.vis("visible")'); 
}}

function popAddItem() { with (this) with (actMenu[0]) 
{

var aI = actMenu[actMenu.length] = new Object();

var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos', 
  'pad', 'outCol', 'overCol', 'outClass', 'overClass', 'outBorder', 'overBorder', 
  'outAlpha', 'overAlpha', 'normCursor', 'nullCursor', 
  'iX', 'iY', 'iW', 'iH', 'lyr']; 
 addProps(aI, arguments, names, true);

var iSty = (arguments[3] ? arguments[3] : actMenu[0].itemSty); 
 for (prop in iSty) if (aI[prop]+'' == 'undefined') aI[prop] = iSty[prop];

if (aI.outBorder) 
 { 
  if (isNS4) aI.pad++; 
 }

aI.iW = (isVert ? width : aI.len); 
 aI.iH = (isVert ? aI.len : width);

var lastGap = (actMenu.length > 2) ? actMenu[actMenu.length - 2].spacing : 0;

var spc = ((actMenu.length > 2) && aI.outBorder ? 1 : 0);

if (isVert) 
 { 
  menuH += lastGap - spc; 
  aI.iX = 0; aI.iY = menuH; 
  menuW = width; menuH += aI.iH; 
 } 
 else 
 { 
  menuW += lastGap - spc; 
  aI.iX = menuW; aI.iY = 0; 
  menuW += aI.iW; menuH = width; 
 }

if (aI.outBorder && CSSmode) 
 { 
  aI.iW -= 2; 
  aI.iH -= 2; 
 } 
}}

function popGetHTML(mN, iN, isOver) { with (this) 
{ 
 var itemStr = ''; 
 with (menu[mN][iN]) 
 { 
  var textClass = (isOver ? overClass : outClass);

if ((type == 'sm:') && popInd) 
  { 
   if (isNS4) itemStr += '<layer class="' + textClass + '" left="'+ ((popPos+iW)%iW) + 
    '" top="' + pad + '" height="' + (iH-2*pad) + '">' + popInd + '</layer>'; 
   else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + 
    ((popPos+iW)%iW) + 'px; top: ' + pad + 'px; height: ' + (iH-2*pad) + 'px">' + popInd + '</div>'; 
  }

if (isNS4) itemStr += (outBorder ? '<span class="' + (isOver?overBorder:outBorder) + 
   '"><spacer type="block" width="' + (iW-8) + '" height="' + (iH-8) + '"></span>' : '') + 
   '<layer left="' + pad + '" top="' + pad + '" width="' + (iW-2*pad) + '" height="' + 
   (iH-2*pad) + '"><a class="' + textClass + '" href="#" ' + 
   'onClick="return false" onMouseOver="status=\'\'; ' + myName + '.over(\'' + mN + '\',' + 
   iN + '); return true">' + text + '</a></layer>';

else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + pad + 
   'px; top: ' + pad + 'px; width: ' + (iW-2*pad) + 'px; height: ' + (iH-2*pad) + 'px">' + 
   text + '</div>'; 
 } 
 return itemStr; 
}}

function popUpdate(docWrite, upMN) { with (this) 
{ 
 if (!isDyn) return;

for (mN in menu) with (menu[mN][0]) 
 { 
  if (upMN && (upMN != mN)) continue;

var str = '';

for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN]) 
  { 
   var itemID = myName + '_' + mN + '_' + iN;

var targM = menu[href]; 
   if (targM && (type == 'sm:')) 
   { 
    targM[0].parentMenu = mN; 
    targM[0].parentItem = iN; 
   }

var isImg = (outCol.indexOf('.') != -1) ? true : false;

if (!isIE && normCursor=='hand') normCursor = 'pointer';

if (isDOM || isIE4) 
   { 
    str += '<div id="' + itemID + '" ' + (outBorder ? 'class="'+outBorder+'" ' : '') + 
     'style="position: absolute; left: ' + iX + 'px; top: ' + iY + 'px; width: ' + iW + 
     'px; height: ' + iH + 'px; z-index: 1000; background: ' + (isImg?'url('+outCol+')':outCol) + 
     ((typeof(outAlpha)=='number') ? '; filter: alpha(opacity='+ outAlpha + '); -moz-opacity: ' + 
      (outAlpha/100) : '') + 
     '; cursor: ' + ((type!='sm:' && href) ? normCursor : nullCursor) + '" '; 
   } 
   else if (isNS4) 
   { 
    str += '<layer id="' + itemID + '" left="' + iX + '" top="' + iY + '" width="' + 
     iW + '" height="' + iH + '" z-index="1000" ' + 
     (outCol ? (isImg ? 'background="' : 'bgcolor="') + outCol + '" ' : ''); 
   }

var evtMN = '(\'' + mN + '\',' + iN + ')"'; 
   str += 'onMouseOver="' + myName + '.over' + evtMN + 
     ' onMouseOut="' + myName + '.out' + evtMN + 
     ' onClick="' + myName + '.click' + evtMN + '>' + 
     getHTML(mN, iN, false) + (isNS4 ? '</layer>' : '</div>');

}

var eP = eval(par);

setTimeout(myName + '.setupRef(' + docWrite + ', "' + mN + '")', 50);

var mVis = visNow ? 'visible' : 'hidden';

if (docWrite) 
  { 
   var targFr = (eP && eP.navigator ? eP : window); 
   targFr.document.write('<div id="' + myName + '_' + mN + '_Div" style="position: absolute; ' + 
    'visibility: ' + mVis + '; left: 0px; top: 0px; width: ' + (menuW+2) + 'px; height: ' + 
    (menuH+2) + 'px; z-index: 1000">' + str + extraHTML + '</div>'); 
  } 
  else 
  { 
   if (!lyr || !lyr.ref) lyr = setLyr(mVis, menuW, eP); 
   else if (isIE4) setTimeout(myName + '.menu.' + mN + '[0].lyr.sty.width=' + (menuW+2), 50);

with (lyr) { sty.zIndex = 1000; write(str + extraHTML) } 
  }

} 
}}

function popSetupRef(docWrite, mN) { with (this) with (menu[mN][0]) 
{ 
 if (docWrite || !lyr || !lyr.ref) lyr = getLyr(myName + '_' + mN + '_Div', eval(par));

for (var i = 1; i < menu[mN].length; i++) 
  menu[mN][i].lyr = getLyr(myName + '_' + mN + '_' + i, (isNS4?lyr.ref:eval(par)));

if (menu[mN][0].oncreate) oncreate(); 
}}

function PopupMenu(myName) 
{ 
 this.myName = myName;

this.showTimer = 0; 
 this.hideTimer = 0; 
 this.showDelay = 0; 
 this.hideDelay = 500; 
 this.showMenu = '';

this.menu =  new Array(); 
 this.litNow = new Array(); 
 this.litOld = new Array();

this.overM = 'root'; 
 this.overI = 0;

this.actMenu = null;

this.over = popOver; 
 this.out = popOut; 
 this.changeCol = popChangeCol; 
 this.position = popPosition; 
 this.click = popClick; 
 this.startMenu = popStartMenu; 
 this.addItem = popAddItem; 
 this.getHTML = popGetHTML; 
 this.update = popUpdate; 
 this.setupRef = popSetupRef;

this.showMenu = new Function('mName', 'this.menu[mName][0].lyr.vis("visible")'); 
 this.hideMenu = new Function('mName', 'this.menu[mName][0].lyr.vis("hidden")'); 
}

var hBar = new ItemStyle(63, 3, '', 0, 1, '#000000', '#424755', 'mainButtons', 'mainButtons', 'itemBorderButton', 'itemBorderButton', 
 null, null, 'hand', 'default');

var subM = new ItemStyle(22, -2, '»', -15, 3, '#424755', ' #86A2CA', 'lowText', 'highText', 
 'itemBorder', 'itemBorder', null, null, 'hand', 'default');

var pMenu = new PopupMenu('pMenu'); 
with (pMenu) 
{

//************************************************ UMÍSTĚNÍ MENU (X = 15; Y = 16); 
startMenu('root', false, 15, 16, 20, hBar);

//************************************************ VZOR PRO HORIZONTÁLNÍ ZAROVNÁNÍ NA STŘED 
//** startMenu('root', false, 'page.winW()/2 - pMenu.menu.root[0].menuW/2+26', 160, 20, hBar);

//* SEZNAM POLOŽEK

//*******Hlavní menu 
addItem(' Uvod', 'index.php', '', hBar, 69); 
addItem(' Scripty', 'mScripty', 'sm:'); 
addItem(' Jedna', 'mJedna', 'sm:'); 
addItem(' Dva', 'mDva', 'sm:'); 
//*******SubMenu Scripty 
startMenu('mScripty', true, 0, 23, 130, subM); 
addItem(' kat1', 'kat1.php', ''); 
addItem(' kat2', 'kat2.php', ''); 
addItem(' kat3', 'kat3.php', ''); 
addItem(' kat4', 'kat4.php', ''); 
addItem(' kat5', 'kat5.php', ''); 
addItem(' kat6', 'kat6.php', ''); 
addItem(' kat7', 'kat7.php', ''); 
//**********SubMenu Jedna 
startMenu('mJedna', true, 0, 23, 90, subM); 
addItem(' Jedna1', 'mJedna1', 'sm:'); 
addItem(' Jedna2', 'mJedna2', 'sm:'); 
addItem(' Jedna3', 'mJedna3', 'sm:'); 
addItem(' Jedna4', 'mJedna4', 'sm:'); 
addItem(' Jedna5', 'mJedna5', 'sm:'); 
addItem(' Jedna', 'jedna.php', ''); 
//**********SubSubMenu Jedna1 
startMenu('mJedna1', true, 92, 0, 140, subM); 
addItem('Jedna1-1', 'jedna.php', ''); 
addItem('Jedna1-2', 'jedna.php', ''); 
addItem('Jedna1-3', 'jedna.php', ''); 
addItem('Jedna1-4', 'jedna.php', ''); 
addItem('Jedna1-5', 'jedna.php', ''); 
//**********SubSubMenu Jedna2 
startMenu('mJedna2', true, 92, 0, 140, subM); 
addItem('Jedna2-1', 'jedna.php', ''); 
addItem('Jedna2-2', 'jedna.php', ''); 
addItem('Jedna2-3', 'jedna.php', ''); 
addItem('Jedna2-4', 'jedna.php', ''); 
addItem('Jedna2-5', 'jedna.php', ''); 
//**********SubSubMenu Jedna3 
startMenu('mJedna3', true, 92, 0, 140, subM); 
addItem('Jedna3-1', 'jedna.php', ''); 
addItem('Jedna3-2', 'jedna.php', ''); 
addItem('Jedna3-3', 'jedna.php', ''); 
addItem('Jedna3-4', 'jedna.php', ''); 
addItem('Jedna3-5', 'jedna.php', ''); 
//**********SubSubMenu Jedna4 
startMenu('mJedna4', true, 92, 0, 140, subM); 
addItem('Jedna4-1', 'jedna.php', ''); 
addItem('Jedna4-2', 'jedna.php', ''); 
addItem('Jedna4-3', 'jedna.php', ''); 
addItem('Jedna4-4', 'jedna.php', ''); 
addItem('Jedna4-5', 'jedna.php', ''); 
//**********SubSubMenu Jedna5 
startMenu('mJedna5', true, 92, 0, 140, subM); 
addItem('Jedna5-1', 'jedna.php', ''); 
addItem('Jedna5-2', 'jedna.php', ''); 
addItem('Jedna5-3', 'jedna.php', ''); 
addItem('Jedna5-4', 'jedna.php', ''); 
addItem('Jedna5-5', 'jedna.php', ''); 
//**********SubMenu Dva 
startMenu('mDva', true, 0, 23, 130, subM); 
addItem('  Dva1', 'mDva1', 'sm:', subM, 22, -2, '«', 2); 
addItem('  Dva2', 'mDva2', 'sm:', subM, 22, -2, '«', 2); 
//**********SubSubMenu Dva1 
startMenu('mDva1', true, -152, 0, 150, subM); 
addItem('Dva1-1', 'dva.php', ''); 
addItem('Dva1-2', 'dva.php', ''); 
//**********SubSubMenu Dva2 
startMenu('mDva2', true, -152, 0, 150, subM); 
addItem('Dva2-1', 'dva.php', ''); 
addItem('Dva2-2', 'dva.php', '');

/* KONEC SEZNAMU POLOŽEK */

menu.root[0].oncreate = function() 
 { this.visNow=true; pMenu.position('root'); pMenu.showMenu('root') }

}

if (!isOp && navigator.userAgent.indexOf('rv:0.')==-1) 
{ 
 pMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)'); 
 pMenu.hideMenu = new Function('mN','menuAnim(this, mN, -10)');

}

if (!isNS4) 
{ 
 pMenu.update(true); 
} 
else 
{ 
 var popOldOL = window.onload; 
 window.onload = function() 
 { 
  if (popOldOL) popOldOL(); 
  pMenu.update(); 
 } 
}

var nsWinW = window.innerWidth, nsWinH = window.innerHeight, popOldOR = window.onresize; 
window.onresize = function() 
{ 
 if (popOldOR) popOldOR(); 
 if (isNS4 && (nsWinW!=innerWidth || nsWinH!=innerHeight)) history.go(0); 
 pMenu.position(); 
}

window.onscroll = function() 
{ 
 pMenu.position(); 
}

if (isNS4) 
{ 
 document.captureEvents(Event.CLICK); 
 document.onclick = function(evt) 
 { 
  with (pMenu) if (overI) click(overM, overI); 
  return document.routeEvent(evt); 
 } 
}

if (!isIE || isOp) 
{ 
 var nsPX=pageXOffset, nsPY=pageYOffset; 
 setInterval('if (nsPX!=pageXOffset || nsPY!=pageYOffset) ' + 
 '{ nsPX=pageXOffset; nsPY=pageYOffset; window.onscroll() }', 50); 
}

function menuAnim(menuObj, menuName, dir) 
{ 
 var mD = menuObj.menu[menuName][0]; 
 if (!mD.timer) mD.timer = 0; 
 if (!mD.counter) mD.counter = 0;

with (mD) 
 { 
  clearTimeout(timer);

if (!lyr || !lyr.ref) return; 
  if (dir>0) lyr.vis('visible'); 
  lyr.sty.zIndex = 1001 + dir;

lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75) ); 
  if ((isDOM&&!isIE) && (counter>=100)) lyr.sty.clip='';

counter += dir; 
  if (counter>100) counter = 100; 
  else if (counter<0) { counter = 0; lyr.vis('hidden') } 
  else timer = setTimeout(menuObj.myName+'.'+(dir>0?'show':'hide')+'Menu("'+menuName+'")', 40); 
 } 
}

function menuFilterShow(menuObj, menuName, filterName) 
{ 
 var mD = menuObj.menu[menuName][0]; 
 with (mD.lyr) 
 { 
  sty.filter = filterName; 
  var f = ref.filters; 
  if (f&&f.length&&f[0]) f[0].Apply(); 
  vis('visible'); 
  if (f&&f.length&&f[0]) f[0].Play(); 
 } 
}

function addMenuBorder(mObj, iS, alpha, bordCol, bordW, backCol, backW) 
{ 
 for (var mN in mObj.menu) 
 { 
  var mR=mObj.menu[mN], dS='<div style="position:absolute; background:'; 
  if (mR[0].itemSty != iS) continue; 
  for (var mI=1; mI<mR.length; mI++) 
  { 
   mR[mI].iX += bordW+backW; 
   mR[mI].iY += bordW+backW; 
  } 
  mW = mR[0].menuW += 2*(bordW+backW); 
  mH = mR[0].menuH += 2*(bordW+backW);

if (isNS4) mR[0].extraHTML += '<layer bgcolor="'+bordCol+'" left="0" top="0" width="'+mW+ 
   '" height="'+mH+'" z-index="980"><layer bgcolor="'+backCol+'" left="'+bordW+'" top="'+ 
   bordW+'" width="'+(mW-2*bordW)+'" height="'+(mH-2*bordW)+'" z-index="990"></layer></layer>'; 
  else mR[0].extraHTML += dS+bordCol+'; left:0px; top:0px; width:'+mW+'px; height:'+mH+ 
   'px; z-index:980; '+(alpha!=null?'filter:alpha(opacity='+alpha+'); -moz-opacity:'+(alpha/100):'')+ 
   '">'+dS+backCol+'; left:'+bordW+'px; top:'+bordW+'px; width:'+(mW-2*bordW)+'px; height:'+ 
   (mH-2*bordW)+'px; z-index:990"></div></div>'; 
 } 
} 
</script> 
</body>

Po najetí na odkaz se ukáže info.

www.seznam.cz
www.atlas.cz
www.jaknaweb.com
www.mobil.cz

Kód

function nochange()  
{ 
   CurrentMsg = " "; 
   document.messages.field.value = CurrentMsg; 
} 
// --> 
</script> 
</head> 
<BODY> 
<p align="center"> 
<A HREF="http://www.html-kody-zdarma.ic.cz" onMouseOver="update('Html kódy')" onMouseOut="nochange()">www.seznam.cz</a> 
<br> 
<A HREF="http://www.atlas.cz" onMouseOver="update('Atlas')" onMouseOut="nochange()">www.atlas.cz</A> 
<br> 
<A HREF="http://www.jaknaweb.com" onMouseOver="update('Tvorba www')" onMouseOut="nochange()">www.jaknaweb.com</A> 
<br> 
<A HREF="http://www.mobil.cz" onMouseOver="update('Stránka o mobilech')" onMouseOut="nochange()">www.mobil.cz</A> 
</p> 
<form name="messages" onSubmit="return false;"> 
<p align="center"> 
<input name="field" size=44 height=5 value="Najeďte na link..."> 
</p> 
</form>

Klasické menu

Odkaz 1

Odkaz 2

Odkaz 3

Odkaz 4

Vyber si neco v menu

Kód

</HEAD>

<BODY>

<table cellpadding="0" cellspacing="0" width="100"> 
<tr> 
<td align="center"> 
 
<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> 
<tr> 
<td> 
<font face="Arial" size="2" color="#FEDCBA">Menu</font> 
</td> 
</tr> 
</table> 
 
 
 
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Popis 1')" onMouseout="boxOff(this)"> 
<tr> 
<td> 
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://" target="_blank"> 
Odkaz 1</a></font> 
</td> 
</tr> 
</table>   
 
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Popis 2')" onMouseout="boxOff(this)"> 
<tr> 
<td> 
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://" target="_blank">Odkaz 2</a></font> 
</td> 
</tr> 
</table> 
 
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Popis 3')" onMouseout="boxOff(this)">   
<tr> 
<td> 
<font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://" target="_blank">Odkaz 3</a></font> 
</td> 
</tr> 
</table> 
 
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Popis 4')" onMouseout="boxOff(this)">   
<tr> 
<td> 
<font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://" target="_blank">Odkaz 4</a></font> 
</td> 
</tr> 
</table> 
 
 
 
<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> 
<tr> 
<td> 
 
<table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> 
<tr> 
<td align="left" valign="top"> 
<font id="Message" color="#CBA987" size="2" face="Arial">Vyber si neco v menu</font> 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
 
</td> 
</tr> 
</table>

Anketa (přidána 29.12.2011)

BlueBoard.cz

Podpořte tento web

Facebook a twitter

Podpořte tento web SMSkou

pm tune htmlkody

Poslední dvojčíslí určuje cenu SMS (včetně DPH).

Hodiny a datum a jiné

Sdílet |

Dnes je 20. 05. 2012 - Dnes má svátek Zbyšek, zítra Monika

Java scripty
Barvy
Datum a čas
Menu
Obrázky
Tlačítka, Odkazy
Text
Periodická tabulka prvků
Pohybující se titulek
PHP kódy
IP adresa v PHP
Datum a čas
Generátor náhodných hesel
Formulár na ověření emailu
Automatické stahování