Hej jeg er igang med en menu, og har fået linkene til at virke.
En af knapperne på min menu, skulle bare være en dropdown menu.
Altså hvor der kommer en liste frem med underpunkter, når man
holder på den. Hvilket stykke kode skal jeg indsætte for at
fortælle browseren, at det er sådan en slags knap.
Jeg har brugt denne i Head:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--//
if (document.images) {
img1on = new Image(); // Active images
img1on.src = "/min_menu_b1.gif";
img2on = new Image();
img2on.src = "/min_menu_b2.gif";
img3on = new Image();
img3on.src = "/min_menu_b3.gif";
img4on = new Image();
img4on.src = "/min_menu_b4.gif";
img5on = new Image();
img5on.src = "/min_menu_b5.gif";
img1off = new Image(); // Inactive images
img1off.src = "/min_menu_b1_over.gif";
img2off = new Image();
img2off.src = "/min_menu_b2_over.gif";
img3off = new Image();
img3off.src = "/min_menu_b3_over.gif";
img4off = new Image();
img4off.src = "/min_menu_b4_over.gif";
img5off = new Image();
img5off.src = "/min_menu_b5_over.gif";
}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
//-->
</SCRIPT>
Og denne i body:
<A HREF="/test.html" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')"><IMG NAME="img1"
SRC="min_menu_b1_over.gif" border="0" ALT=""></A>
<P>
<A HREF="/chat.html" onMouseOver="imgOn('img2')"
onMouseOut="imgOff('img2')">
<IMG NAME="img2" SRC="min_menu_b2_over.gif" border="0"
ALT=""></A>
<A HREF="/mquests.html" onMouseOver="imgOn('img3')"
onMouseOut="imgOff('img3')"><IMG NAME="img3"
SRC="min_menu_b3_over.gif" border="0" ALT=""></A>
<A HREF="/phpBB2" onMouseOver="imgOn('img4')"
onMouseOut="imgOff('img4')"><IMG NAME="img4"
SRC="min_menu_b4_over.gif" border="0" ALT=""></A>
<A HREF="Tak.html" onMouseOver="imgOn('img5')"
onMouseOut="imgOff('img5')"><IMG NAME="img5"
SRC="min_menu_b5_over.gif" border="0" ALT=""></A>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials