menu kan du hjælpe
jeg har lavet en menu som denne:<head>
<title>Menu3</title>
<style type="text/css">
A:hover {color: #FFFFFF;}
</style>
<style>
<!--
DIV.clTop{position:absolute; width:150}
DIV.clSub{position:absolute; width:150}
#divCont{position:relative; left:10; top:0; height:400; width:170;}
A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:13px; text-decoration:none; font-weight:bold; color:white}
A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; font-weight:bold; color:C0C0C0}
#divMain{position:absolute}
//-->
</style>
<script language="JavaScript">
var stayFolded=false
var exImg=new Image(); exImg.src='m.gif'
var unImg=new Image(); unImg.src='p.gif'
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
this.height=n?this.ref.height:eval(obj+'.offsetHeight')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oTop[6]=new makeMenu('divTop7','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
oTop[i].ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
if(browser) onload=init;
</script>
<script LANGUAGE="JavaScript">
function multiload(URL1,URL2) {
"parent.main1.location.href=URL1;"
"parent.main1.document.close();"
"parent.banner2.location.href=URL2;"
"parent.banner2.document.close();"
}
</script>
</head>
<body bgcolor="#FFFFFF">
<!-- Forste menu start -->
<div id="divCont"><div id="divTop1" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(0); return false" class="clMain">
<img src="kna01.gif" name="imgA0" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<a href="mainmenu.htm#" onclick="menu(0); return false" class="clMain"></a><div id="divSub1" class="clSub"><br><a href="java script:multiload('side1.htm', 'side1-5.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Om min homepage</a><br>
<a href="java script:multiload('side2.htm', 'side2-5.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Om mig</a><br>
<a href="java script:multiload('side3.htm', 'side3-5.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - Om Maria</a><br>
<br>
</p>
</div>
</div>
<!-- 2 menu start -->
<div id="divTop2" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(1); return false" class="clMain">
<img src="kna05.gif" name="imgA1" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub2" class="clSub"><br><a href="java script:multiload('Under menu 1.htm', 'side2-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"> - Billeder af mig</a><br>
<a href="java script:multiload('Side2.htm', 'side2-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Billeder af Maria</a><br>
<a href="java script:multiload('side3.htm', 'side2-3.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - Billeder af familien</a><br>
</p>
</div>
</div>
<div id="divTop3" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(2); return false" class="clMain">
<img src="kna03.gif" name="imgA2" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub3" class="clSub"><br><a href="java script:multiload('side1.htm', 'side3-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Freeware</a><br>
<a href="java script:multiload('side2.htm', 'side3-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Shareware</a><br>
<a href="java script:multiload('side2.htm', 'side3-3.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - Spil</a><br>
<br>
</p>
</div>
</div><div id="divTop4" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(3); return false" class="clMain">
<img src="kna02.gif" name="imgA3" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub4" class="clSub"><br><a href="java script:multiload('side1.htm', 'side4-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Mine link</a><br>
<a href="java script:multiload('side1.htm', 'side4-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Link til mig</a><br>
<a href="java script:multiload('side 2.htm', 'side4-2.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - </a><br>
<br>
</p>
</div>
</div><div id="divTop5" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(4); return false" class="clMain">
<img src="kna04.gif" name="imgA4" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub5" class="clSub"><br><a href="java script:multiload('side5.htm', 'side5-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Posthus</a><br>
<a href="java script:multiload('side2.htm', 'side5-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - SMS</a><br>
<a href="java script:multiload('side3.htm', 'side5-3.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - Digte</a><br>
<br>
</p>
</div>
</div><div id="divTop6" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(5); return false" class="clMain">
<img src="kna06.gif" name="imgA5" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub6" class="clSub"><br><a href="java script:multiload('side6.htm', 'side6-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Javafun</a><br>
<a href="java script:multiload('side2.htm', 'side6-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Javalink</a><br>
<a href="java script:multiload('side3.htm', 'side6-3.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"> - Javadownload</a><br>
<br> </p>
</div>
</div><div id="divTop7" class="clTop"><a href="" onmouseover="window.status='- MWA Sitebuilder'; return true" onclick="menu(6); return false" class="clMain">
<img src="kna09.gif" name="imgA6" alt border="0" WIDTH="100" HEIGHT="15"> </a><br>
<div id="divSub7" class="clSub"><br><a href="java script:multiload('side1.htm', 'side7-1.htm')" onmouseover="window.status='- Side 1'; return true" class="clSubb"><p> - Læs min gæstebog</a><br>
<a href="java script:multiload('side2.htm', 'side7-2.htm')" onmouseover="window.status='- Side 2'; return true" class="clSubb"> - Skriv i min gæstebog</a><br>
<a href="java script:multiload('side3.htm', 'side7-3.htm')" onmouseover="window.status='- Side 3'; return true" class="clSubb"></a><br>
</p>
</div><p><br>
</p>
</div></div>
</td>
</tr>
</body>
jeg kan ikke få den til at virke. Når jeg f.eks klikker på giffen hvor der står info så forsvinder gif billedet når undermenuerne åbnes er der nogen der kan finde ud af hvad der er galt ??
