Navigasjon med subnavigasjon, trenger hjelp

[Airborne]

Hei, jeg er på utkikk etter en guide som forteller meg hvordan jeg kan lage en navigasjon, bildet under illustrerer bedre enn jeg kan forklare.

 

Ønsker altså at når du klikker en av de øverste lenkene, evt mouseover så får du opp sub navigasjonen. Vet ikke hva som vil være den beste løsningen.

 

1. klikker en lenke i hovednavigasjon--> ny side--> velge fra sub.

 

2. mouseover hovednavigasjon for så sub navigasjon

 

3. klikk på lenke i hoved, uten webside reload, subnavigasjon vises.

 

Deres mening om hva som fungerer, og hva som virker best?

tar gjerne en lenke til en guide om hvordan dette skal gjøres.

 

-Kristoffer

Endret 15. juni 2008 av Airborne

[kavk]

JavaScript fungerer best til det. med mindre du skal ha noen fancy greier, da kan du bruke flash. men jeg foretrekker JavaScript. For tutorials bare søk på: Pixel2Life

[Stian Jacobsen]

<script type="text/javascript">
$(document).ready(function() {
$("div#sub ul").hide();

$("ul#nav li").hover(function() {
$("div#sub ul#"+$(this).attr("rel")).show("slow"); },
function() {
$("div#sub ul#"+$(this).attr("rel")).hide("slow");
});

});
</script>
<div id="hoved">
<ul id="nav">
<li rel="sub1"><a href="#">Item 1</a></li>
<li rel="sub2"><a href="#">Item 2</a></li>
</ul>
</div>
<div id="sub">
<ul id="sub1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
<ul id="sub2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
</div>