her er min Index.html
<html>
<head>
<script src="findDom.js"> </script>
<script>
var menuTop = 45;
var menuLeft = 400;
var domSMenu = null;
var oldDomSMenu = null;
var t = 0;
var lDelay = 3;
var lCount = 0;
var pause = 100;
function popmenu(menuNum) { if (isDHTML) { t =2;
if (oldDomSmenu) { oldDomSMenu.visibility = 'hidden';
oldDomsMenu.zIndex = '0' ;
t = 2;
lCount = 0; }
var idMenu = 'menuHead' ;
var domMenu = findDOm(idMenu,0);
var idMenuOpt = 'menuHead' + menuNum;
var domMenuOpt = findDom(idMenuOpt,0);
var idSMenu = 'menu' + menuNum;
var domSMenu = findDOM(idSMenu,1);
if (isID || isALL) { var menuLeft =
(domMenu.offsetleft) + (domMenuOpt.offsetleft) + 5;
var menuTop=
(domMenu.offsettop) + (dommenu.offsetheight) +5; }
if (islayers) {
var menuleft=document.layers [idMenu].layers[idMenuOpt].pafeX -5 ;
var menuTop= domMenu.pageY + domMenu.clip.height - 5 ;
}
if (oldDomSmenu != domSMenu) {
domSMenu.left = menuLeft;
domSMenu.top = menuTop;
domSMenu.visibility = 'visible' ;
domSMenu.zINDEX = '100' ;
oldDomSMenu = domSMenu;
}
else {oldDomSMenu = null: }
}
else { return null; }
}
function delayHide () { if ((oldDomSMenu) && (T == 0)) {
oldDomSMenu.visibility = 'hidden';
oldDomSMenu.zINDEX = '0';
oldDomSMenu = null;
lCount = 0;
return false ;
}
if (t ==2) { lCount = 0; return false;}
if (t ==1) {
lCount = lCount + 1;
if (lDelay <= lCount) { t = 0;}
if (lDelay >= lCount ) { setTimeout ('delayHide(' + t + ')',pause); }
}
}
</script>
<style type ="text/css">
body { color: white; font-family: "tebuchet MS" , arial, helvetica, Geneva, sans-serif; background-color: #333; }
#content {margin-top: 35px; }
.menuStyle { color: #000000; font-size: 12px; font-family: "Trebuchet MS" , verdana, Arial, Helvetica, sans-serif;
background-color: #ccc; padding: 5px; width: 100%; border: solid 1px #000000; }
#menuHead { background-color: #ccc; position: absolute; z-index: 50 ; top: 0px; left: 0px }
#menuhead1, #menuhead2, #menuhead3 {position: relative; }
#menu1, #menu2, #menu3 {position: absolute; z-index: 100 ; visibility: hidden; width: 150px; }
a.menulink: link { font-weight: bold; text-decoration: none; }
a.menulink: visited { font-weight: bold; text-decoration: none; }
a.menulink: active { color: #666; font-family: "Trebuchet MS" , verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.menulink: hover { color: #900; font-family: "Trebuchet MS" , verdana, Arial, Helvetica, sans-serif; font-weight: bold;
text-decoration: none; cursor: ne-resize; }
</style>
</head>
<body>
<div id="menuHead" class="menuStyle">
<b>
<a id="menuHead1" class="menulink" href="#" onmouseOut="t = 1; delayhide()" onmouseOver="popMenu(1)"> Menu1</a> |
<a id="menuHead2" class="menulink" href="#" onmouseOut="t = 1; delayhide()" onmouseOver="popMenu(2)"> Menu2</a> |
<a id="menuHead3" class="menulink" href="#" onmouseOut="t = 1; delayhide()" onmouseOver="popMenu(3)"> Menu3</a> |
</b>
</div>
<div id="menu1" class="menuStyle">
<b>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0 ; delayhide();" href="
http://www.jubii.dk"> option 1.1</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0 ; delayhide();" href="
http://www.jubii.dk"> option 1.2</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0 ; delayhide();" href="
http://www.jubii.dk"> option 1.3</a> <br>
</b>
</div>
<div id="menu2" class="menuStyle">
<b>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 2.1</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 2.2</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 2.3</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t = 2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 2.4</a> <br>
</b>
</div>
<div id="menu3" class="menuStyle">
<b>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.1</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.2</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.3</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.4</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.5</a> <br>
<a class="menulink" onmouseOut="t = 1; delayhide()" onMouseOver="t =2 ;" onclick="t =0; delayhide();" href="
http://www.jubii.dk"> option 3.6</a> <br>
</b>
</div>
<div id="content">
<p>Why dont this shit work!!! </p>
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
