ok, så åhar jeg cpoy-pastede for dig:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>[Ingen titel]</title>
<meta name="Author" content="Steen Hjelmstrand" />
<meta name="Generator" content="Stone's WebWriter 4" />
<style type="text/css">
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
float: left;
position: relative;
width: 10em;
text-align: center;
cursor: default;
background-color: white;
}
li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}
li>ul {
top: auto;
left: auto;
}
li li {
display: block;
float: none;
background-color: transparent;
border: 0;
}
li:hover ul, li.over ul {
display: block;
}
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (n=0; n<navRoot.childNodes.length; n++) {
node = navRoot.childNodes[n];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
</head>
<body>
<ul id="nav">
<li id="first">
<div><a href="">Overview</a></div>
<ul>
<li><a href="">Classification</a></li>
<li><a href="">Physcial Characteristics</a></li>
<li><a href="">Habitat</a></li>
<li><a href="">Lifestyle</a></li>
<li><a href="">Evolution</a></li>
<li><a href="">Distribution</a></li>
</ul>
</li>
<li>
<div><a href="">Species</a></div>
<ul>
<li><a href="">Ceylonese remora</a></li>
<li><a href="">Remora remora</a></li>
<li><a href="">Sharksucker</a></li>
<li><a href="">Slender remora</a></li>
<li><a href="">Spearfish remora</a></li>
<li><a href="">Whitefin sharksucker</a></li>
</ul>
</li>
<li id="last">
<div><a href="">Links</a></div>
<ul>
<li><a href="http://www.itis.usda.gov/servlet/SingleRpt/SingleRpt?amp;search_topic=TSN&search_value=168567">Remoras at ITIS</a></li>
<li><a href="http://animaldiversity.ummz.umich.edu/accounts/remora/r._remora.html">Remora remora at ADW</a></li>
<li><a href="http://www.oceanlight.com/html/remora_sp.html">Phillip Colla photographs</a></li>
<li><a href="http://www.amonline.net.au/fishes/fishfacts/fish/enaucrates.htm">Slender suckerfish at Australian Museum Online</a></li>
<li><a href="http://www.colzoo.org/animalareas/shores/remora.html">Remora at Columbus Zoo</a></li>
</ul>
</li>
</ul>
</body>
</html>
Det er bare et samman klip af det sidste eksempel. Hvis du vil hvorfor og hvordan det virker, bør du nok læse artikelen.
adam
Køb en zebra - og kald den plet
Update: ikke noget [ i ], når man har kode på udvikeleren.dk
[Redigeret d. 08/03-05 11:46:31 af adam]