<html>
<head>
<titel>JavaScript rul ned liste text</title>
</head>
<body>
<!-- virker for IE 4.0 og frem -->
<style>
{ font-family: Verdana, Arial, sans-serif; font-size: 12px }
.popchr { visibility:hidden; font-size: 12px }
.gochr { visibility:visible; font-size: 12px}
A:Hover { color:FFFFFF; text-decoration:none; font-size: 12px}
A { color:800000; text-decoration:none font-size: 12px}
Body { background-color:white; color:white }
</style>
<script language=javascript>
function showObject() {
document.all.div1.className = \'gochr\';
}
function hideObject() {
document.all.div1.className = \'popchr\';
}
function showObject2() {
document.all.div2.className = \'gochr\';
}
function hideObject2() {
document.all.div2.className = \'popchr\';
}
function showObject3() {
document.all.div3.className = \'gochr\';
}
function hideObject3() {
document.all.div3.className = \'popchr\';
}
</script>
<center>
<table>
<tr>
<td>
<div style=\"background-color:#C9C01D; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject()\" onmouseout=\"hideObject()\" >
<a href=http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htm onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Søg nu</a>
</div>
<div id=div1 onmouseover=\"showObject()\" onmouseout=\"hideObject()\" class=popchr style=\"background-color:C9C01D; width:140\">
<a href=http://www.ditdanmark.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">DitDanmark</a><br>
<a href=http://www.edderkoppen.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Edderkoppen</a><br>
<a href=http://www.sol.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">SOL</a><br>
<!-- linie for at udligne niveau -->
<font color=#C9C01D>|</font>
</div>
</td><td>
<div style=\"background-color:#C9C01D; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" >
<a href=http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htm onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Sjov</a>
</div>
<div id=div2 onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" class=popchr style=\"background-color:C9C01D; width:140\">
<a href=http://www.lego.com onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Legoland</a><br>
<a href=http://www.andeby.dk onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Andeby</a><br>
<!-- linie for at udligne niveau -->
<font color=#C9C01D>|<Br>
|</font>
</div>
</td>
<td>
<div style=\"background-color:#C9C01D; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" >
<a href=http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htm onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">Nyheder</a>
</div>
<div id=div3 onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" class=popchr style=\"background-color:C9C01D; width:140\">
<a href=http://www.dr.dk/nyheder onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">DR Nyheder</a><br>
<a href=http://www.politiken.dk onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">Politiken</a><br>
<!-- linie for at udligne niveau -->
<font color=#C9C01D>|<br>
|</font>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
gem det som html dokument så bliver det fuldstændigt den samme menu som han har ellers så se:
http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htmdet er måske lidt nemmere ;)