Så har jeg lidt kode og et eksempel klar.
Start med at se mit eksempel:
http://www.friserverplads.dk/altm/lagproeve.htmNu guider jeg dig lige igennem hele koden:
Følgende kode skal du sætte ind imellem <head>, </head>:
<script language=\"JavaScript\">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v==\'show\')?\'visible\':(v=\'hide\')?\'hidden\':v; }
obj.visibility=v; }
}
//-->
</script>
<style type=\"text/css\">
a.menu {
text-decoration : none;
color : black;
display : block;
line-height : 21px;
width : 100%;
}
a.menu:hover {
text-decoration : none;
color : black;
background-color : white;
display : block;
width :100%;
}
</style>
Nu skal du oprette den gule boks (som i mit eksempel). Det gøres sådan:
<div onMouseOver=\"MM_showHideLayers(\'lag\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'lag\',\'\',\'hide\')\" id=\"lag\" id=\"menuemn2\" style=\"z-index: 3; background-color: yellow; visibility: hidden; width: 120; height: 64; border: 1px solid #000000\">
<div align=\"left\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
<tr>
<td width=\"100%\"><font color=\"#FFFFFF\"><a class=\"menu\" href=\"#\"> Påske</a></font></td>
</tr>
<tr>
<td width=\"100%\"><font color=\"#FFFFFF\"><a class=\"menu\" href=\"#\"> Vinter</a></font></td>
</tr>
<tr>
<td width=\"100%\"><font color=\"#FFFFFF\"><a class=\"menu\" href=\"#\"> Hans</a></font></td>
</tr>
<tr>
<td width=\"100%\"><font color=\"#FFFFFF\"><a class=\"menu\" href=\"#\"> Tunfisk</a></font></td>
</tr>
</table>
</div>
</div>
Den skal stå imellem <body> og </body>. For at få flere af dem skal du bare kopiere koden, men husk at ændre id=\"xxxx\" til noget andet!
Så skal vi have lavet et link der åbner den gule boks. Således:
<a onMouseOver=\"MM_showHideLayers(\'lag\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'lag\',\'\',\'hide\')\" href=\"#\">Åbn laget</a>
Den skal sidde lige over den gule boks (i HTML-koden). Stadig indenfor <body>, </body>. Hvis du vil have flere \'menupunkter\' kopierer du også den kode. Men nu skal MM_showHideLayers(\'lag\',\'\',\'... ændres til ...idelayers(\'***Det du skrev i id=\"\"***\',\'\'...
Spørg hvis der er problemer!!
/Anders
Ny bruger
Nybegynder
Opret
Preview
