Notifikationer

Markér alle som læst Log ud

mickey777 Nybegynder

05. april 2004 - 10:28 Der er 17 kommentarer og
1 løsning

Menu til hjemmeside

Er der nogle der kender nogle sider, hvor man kan finde kildekode over en menu, der ser således ud:

Uden courseren på Med coursen på
------------------ ----------------
Menu 1 Menu 1 -> Link1
Menu 2 Menu 2 Link2
Link3

Menu er dynamisk i og med at linksene først vises, når man bevæger courseren overfor menupunkterne.

På forhånd tak

David

Synes godt om

mickey777 Nybegynder

05. april 2004 - 10:29 #1

Den blev lidt skæv

Med coursen på
---------------

Menu 1 -> Link1
Menu 2 Link2
Link3

Synes godt om

mickey777 Nybegynder

05. april 2004 - 10:30 #2

Det hjalp ikke, men håber I forstår hvad jeg mener :-)

Synes godt om

chalde Seniormester

05. april 2004 - 10:32 #3

Prøv at kigge her:
http://www.eksperten.dk/spm/484021
http://www.eksperten.dk/spm/480058

Synes godt om

uso Nybegynder

05. april 2004 - 10:32 #4

hm, er det sådan at når musen kører hen over?

Synes godt om

uso Nybegynder

05. april 2004 - 10:34 #5

du kan selv rode med den:
http://www.s2a.dk/source_show.asp?id=242

Synes godt om

uso Nybegynder

05. april 2004 - 10:35 #6

http://www.solutions2all.dk/demo/menu1.htm
når du downloader scriptet, kan man selv lave farver osv, og hvor det skal være placeret ...

//uso

Synes godt om

mickey777 Nybegynder

05. april 2004 - 10:45 #7

Det er en menu a la den på http://shop.duft-natur.dk/default.php?cPath=173

Synes godt om

uso Nybegynder

05. april 2004 - 10:47 #8

s2a's kan du selv lave om på, sådan at det bliver sådan en...

-> hvis det er kan jeg godt hjælpe over msn

Synes godt om

mickey777 Nybegynder

05. april 2004 - 10:59 #9

Prøver lige at bikse lidt med det, og tak for tilbudet. Venter snarest tilbage

Synes godt om

uso Nybegynder

05. april 2004 - 10:59 #10

Synes godt om

mickey777 Nybegynder

05. april 2004 - 11:14 #11

Du må gerne hjælpe uso :-) Geg kan ikke tyde hvorhenne det er jeg kan lave strukturen om til

Link 1
Link 2
Link 3
Link 4

også Link 1 -> Link 2
Link 2 Link 3
osv.

Synes godt om

uso Nybegynder

05. april 2004 - 11:15 #12

ok, har du msn?

det er rimlig besværligt at forklarer over exp, noget nemmere over msn :-)

Synes godt om

uso Nybegynder

05. april 2004 - 11:16 #13

-> glemte en lille detalje, min msn mail :D
uso_2004@hotmail.com

Synes godt om

mickey777 Nybegynder

05. april 2004 - 11:18 #14

Min er david_777_dk@hotmail.com

Synes godt om

uso Nybegynder

05. april 2004 - 11:43 #15

her:

<html>

<head>
<title>menu</title>
<script language="JavaScript">

var menuopen = 0;
var mTimer = null;
var closemenu = true
var alphaInit = 85;
var alphaFade = 30;
var alphaTime = 50;

function setMenu() {

if (document.layers) {
var w = window.innerWidth;
if(w>800) w = (w-800)/2; else w = 0;
document.layers.menu1.top = 70;
document.layers.menu2.top = 70;
document.layers.menu3.top = 70;
document.layers.menu4.top = 70;
document.layers.menu5.top = 70;
document.layers.menu6.top = 70;

document.layers.menu1.left = 61+w;
document.layers.menu2.left = 121+w;
document.layers.menu3.left = 175+w;
document.layers.menu4.left = 217+w;
document.layers.menu5.left = 250+w;
document.layers.menu6.left = 358+w;
}
else if (document.all) {
var w = document.body.clientWidth;
if(w>780) w = (w-780)/2; else w = 0;
document.all.menu1.style.top = 40; // Her

indstiller du hvor tæt du vil på din table
document.all.menu2.style.top = 60;
document.all.menu3.style.top = 80;
document.all.menu4.style.top = 100;
document.all.menu5.style.top = 120;
document.all.menu6.style.top = 140;

document.all.menu1.style.left = 0+w; // Her

indstiller du DropDown menu fra fra side til side
document.all.menu2.style.left = 0+w;
document.all.menu3.style.left = 0+w;
document.all.menu4.style.left = 0+w;
document.all.menu5.style.left = 0+w;
document.all.menu6.style.left = 0+w;
}
setTimeout("setMenu()",45); // Man skal ikke røre ved

noget i resten af scriptet
}

function mOverMenu(a,b) {
clearTimeout(mTimer);
if (document.layers)
//eval("document.menu" + a + "_" + b +

".bgColor='#FF6666';");
void(0)
else if (document.all)
eval("document.all.menu" + a + "_" + b +

".bgColor='#FF6666';");
mClose = false;
}

function mOutMenu(a,b) {
if (document.layers)
//eval("document.menu" + a + "_" + b +

".bgColor='';");
void(0)
else if (document.all)
eval("document.all.menu" + a + "_" + b +

".bgColor='';");
mTimer = setTimeout("CheckMenu(" + menuopen + ")",780)
mClose = true;
}

function CheckMenu(a) {
clearTimeout(mTimer);
if(mClose==true && a!=0) {
closeMenu(a);
}
}

function closeMenu(a) {
if (document.layers)
eval("document.layers.menu" + a +

".visibility='hide';");
else if (document.all)
setTimeout("fadeMenu(" + a + "," + alphaInit +

")",alphaTime);
//eval("document.all.menu" + a +

".style.visibility='hidden';");
menuopen = 0;
}

function fadeMenu(a,alpha) {

if(alpha<=0) {
eval("document.all.menu" + a +

".style.filter='alpha(opacity=0)';");
eval("document.all.menu" + a +

".style.visibility='hidden';");
} else {
eval("document.all.menu" + a +

".style.filter='alpha(opacity=" + alpha + ")';");
alpha -= alphaFade;
setTimeout("fadeMenu(" + a + "," + alpha +

")",alphaTime)
}
}

function openMenu(a) {
if(menuopen!=0 && menuopen!=a)
if (document.layers)
eval("document.layers.menu" + menuopen +

".visibility='hide';");
else if (document.all) {
setTimeout("fadeMenu(" + menuopen + ","

+ alphaInit + ")",alphaTime);
//eval("document.all.menu" + menuopen +

".style.visibility='hidden';");
}

if (document.layers)
eval("document.layers.menu" + a +

".visibility='show';");
else if (document.all) {
eval("document.all.menu" + a +

".style.filter='alpha(opacity=" + alphaInit + ")';");
eval("document.all.menu" + a +

".style.visibility='visible';");
}
menuopen = a;
}
</script>

</head>

<body onload="setMenu();" bgcolor="#FFFFFF" text="#FFFFFF"

leftmargin="0" marginwidth="0" topmargin="35 " marginheight="4"

link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"

background="grafik/yh15pat.gif">
<div id="menu1" style="visibility: hidden; position: absolute;

top:0; z-index: 10;">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu">
<tr>
<td id="menu1_2"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,2);" onMouseOut="mOutMenu(1,2);"><font

size="1" face="Verdana"> Link 2 </font></a></td>
</tr>
<tr>
<td id="menu1_3"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,3);" onMouseOut="mOutMenu(1,3);"><font

size="1" face="Verdana"> Link 3 </font></a></td>
</tr>
<tr>
<td id="menu1_4"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,4);" onMouseOut="mOutMenu(1,4);"><font

size="1" face="Verdana"> Link 4 </font></a></td>
</tr>

<tr>
<td id="menu1_5"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,5);" onMouseOut="mOutMenu(1,5);"><font

size="1" face="Verdana"> Link 5 </font></a></td>
</tr>
<tr>
<td id="menu1_6"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,6);" onMouseOut="mOutMenu(1,6);"><font

size="1" face="Verdana"> Link 6 </font></a></td>
</tr>

<tr>
<td id="menu1_7"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,7);" onMouseOut="mOutMenu(1,7);"><font

size="1" face="Verdana"> Link 7 </font></a></td>
</tr>
<tr>
<td id="menu1_8"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,8);" onMouseOut="mOutMenu(1,8);"><font

size="1" face="Verdana"> Link 8 </font></a></td>
</tr>
<tr>
<td id="menu1_9"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,9);" onMouseOut="mOutMenu(1,9);"><font

size="1" face="Verdana"> Link 9 </font></a></td>
</tr> <tr>
<td id="menu1_10"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,10);"

onMouseOut="mOutMenu(1,10);"><font size="1"

face="Verdana"> Link 10 </font></a></td>
</tr> <tr>
<td id="menu1_11"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,11);"

onMouseOut="mOutMenu(1,11);"><font size="1"

face="Verdana"> Link 11 </font></a></td>
</tr><tr>
<td id="menu1_12"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,12);"

onMouseOut="mOutMenu(1,12);"><font size="1"

face="Verdana"> Link 12 </font></a></td>
</tr>
<tr>
<td id="menu1_13"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(1,13);"

onMouseOut="mOutMenu(1,13);"><font size="1"

face="Verdana"> Link 13 </font></a></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

<div id="menu2" style="visibility: hidden; position: absolute;

top: 0; z-index: 10; left: 0; ; height: 57">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu">
<tr>
<td id="menu2_2"><a class="topmenu2" href="Link.asp"

onMouseOver="mOverMenu(2,2);" onMouseOut="mOutMenu(2,2);"><font

size="1" face="Verdana"> Link 2 </font></a></td>
</tr>
<tr>
<td id="menu2_3"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(2,3);" onMouseOut="mOutMenu(2,3);"><font

size="1" face="Verdana"> Link 3 </font></a></td>
</tr>
<tr>
<td id="menu2_4"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(2,4);" onMouseOut="mOutMenu(2,4);"><font

size="1" face="Verdana"> Link 4 </font></a></td>
</tr>
<tr>
<td id="menu2_5"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(2,5);" onMouseOut="mOutMenu(2,5);"><font

size="1" face="Verdana"> Link 5 </font></a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

<div id="menu3" style="visibility: hidden; position: absolute;

top:0; z-index: 10;">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu">
<tr>
<td id="menu3_2"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,2);" onMouseOut="mOutMenu(3,2);"><font

size="1" face="Verdana"> LINK 2 </font></a></td>
</tr>
<tr>
<td id="menu3_3"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,3);" onMouseOut="mOutMenu(3,3);"><font

size="1" face="Verdana"> LINK 3 </font></a></td>
</tr>
<tr>
<td id="menu3_4"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,4);" onMouseOut="mOutMenu(3,4);"><font

size="1" face="Verdana"> LINK 4 </font></a></td>
</tr>
<tr>
<td id="menu3_5"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,5);" onMouseOut="mOutMenu(3,5);"><font

size="1" face="Verdana"> LINK 5 </font></a></td>
</tr>
<tr>
<td id="menu3_6"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,6);" onMouseOut="mOutMenu(3,6);"><font

size="1" face="Verdana"> LINK 6 </font></a></td>
</tr>
<tr>
<td id="menu3_7"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,7);" onMouseOut="mOutMenu(3,7);"><font

size="1" face="Verdana"> LINK 7 </font></a></td>
</tr> <tr>
<td id="menu3_8"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(3,8);" onMouseOut="mOutMenu(3,8);"><font

size="1" face="Verdana"> LINK 8 </font></a></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

<div id="menu4" style="visibility: hidden; position: absolute;

top:0; z-index: 10;">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu">
<tr>
<td id="menu4_1"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(4,1);" onMouseOut="mOutMenu(4,1);"><font

size="1" face="Verdana"> LINK 2 </font></a></td>
</tr>
<tr>
<td id="menu4_2"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(4,2);" onMouseOut="mOutMenu(4,2);"><font

size="1" face="Verdana"> LINK 3 </font></a></td>
</tr>
<tr>
<td id="menu4_3"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(4,3);" onMouseOut="mOutMenu(4,3);"><font

size="1" face="Verdana"> LINK 4 </font></a></td>
</tr>
<tr>
<td id="menu4_4"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(4,4);" onMouseOut="mOutMenu(4,4);"><font

size="1" face="Verdana"> LINK 5 </font></a></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

<div id="menu5" style="visibility: hidden; position: absolute;

top:0; z-index: 10;">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu">
<tr>
<td id="menu5_2"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(5,2);" onMouseOut="mOutMenu(5,2);"><font

size="1" face="Verdana">LINK 2 </font></a></td>
</tr>

<tr>
<td id="menu5_3"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(5,3);" onMouseOut="mOutMenu(5,3);"><font

size="1" face="Verdana">LINK 3 </font></a></td> </tr>
<tr>
<td id="menu5_4"><a class="topmenu2" href="link.asp"

onMouseOver="mOverMenu(5,4);" onMouseOut="mOutMenu(5,4);"><font

size="1" face="Verdana">LINK 4 </font></a></td> </tr>

</table>
</td>
</tr>
</table>
</div>

<div id="menu6" style="visibility: hidden; position: absolute;

top:0; z-index: 10;">
<table bgcolor="#000000" cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table cellpadding=1 cellspacing=0 class="menu" >
<tr>
<td id="menu6_2" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,2);"

onMouseOut="mOutMenu(6,2);"><font size="1"

face="Verdana"> LINK 2 </font></a></td>
</tr>
<tr>
<td id="menu6_3" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,3);"

onMouseOut="mOutMenu(6,3);"><font size="1"

face="Verdana"> LINK 3 </font></a></td>
</tr>
<tr>
<td id="menu6_4" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,4);"

onMouseOut="mOutMenu(6,4);"><font size="1"

face="Verdana"> LINK 4 </font></a></td>
</tr>
<tr>
<td id="menu6_5" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,5);"

onMouseOut="mOutMenu(6,5);"><font size="1"

face="Verdana"> LINK 5 </font></a></td>
</tr>
<tr>
<td id="menu6_6" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,6);"

onMouseOut="mOutMenu(6,6);"><font size="1"

face="Verdana"> LINK 6 </font></a></td>
</tr>
<tr>
<td id="menu6_7" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,7);"

onMouseOut="mOutMenu(6,7);"><font size="1"

face="Verdana"> LINK 7 </font></a></td>
</tr>
<tr>
<td id="menu6_8" height="16"><a class="topmenu2"

href="link.asp" onMouseOver="mOverMenu(6,8);"

onMouseOut="mOutMenu(6,8);"><font size="1"

face="Verdana"> LINK 8 </font></a></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(1);mOverMenu(1,0);"

onMouseOut="mOutMenu(1,0);" class="topmenu">LINK 1</a>
<br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(2);mOverMenu(2,0);"

onMouseOut="mOutMenu(2,0);" class="topmenu">LINK 2</a>
<br>
<script language="JavaScript">setMenu();</script>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(3);mOverMenu(3,0);"

onMouseOut="mOutMenu(3,0);" class="topmenu">LINK 3</a>
<br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(4);mOverMenu(4,0);"

onMouseOut="mOutMenu(4,0);" class="topmenu">LINK 4</a>
<br>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(5);mOverMenu(5,0);"

onMouseOut="mOutMenu(5,0);" class="topmenu">LINK 5</a>
<br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="color:

#000000" href="link.asp" id="menu6_0"

onMouseOver="openMenu(6);mOverMenu(6,0);"

onMouseOut="mOutMenu(6,0);" class="topmenu">LINK 6</a>

</form>
</body>
</html>

Synes godt om

uso Nybegynder

05. april 2004 - 11:43 #16

det er det samme som www.frip.dk/jahejdu/forslag.htm

Synes godt om

mickey777 Nybegynder

05. april 2004 - 11:44 #17

Ja, jeg siger tak for hjælpen og jeg laver også lige et andet spørgsmål hvor der ligger ekstra 50 points til dig.

Synes godt om

mickey777 Nybegynder

05. april 2004 - 11:47 #18

Klik her og læg et svar

http://www.eksperten.dk/spm/485992

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS