Code: Selecteer alles
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nieuwe pagina 1</title>
<style>
<!--
a.nav:link { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
a.nav:visited { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
a.nav:active { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
a.nav:hover { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none; color: #33CCFF }
.HEADING { cursor: hand; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #FFFFFF;
background-color: #66CCFF; font-weight: none;
border: 2 solid #66CCFF }
.LINKSOFF { display: none; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #FFFFCC }
.LINKSON { display: inline; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #000080 }
-->
</style>
<Script Language="VBscript">
<!--
Option Explicit
DIM menuID,menuObj,cellBk
SUB ShowHide(menuID)
menuObj = "Link" & menuID
cellbk = "Head" & menuID
// CHECK IF OPEN
if document.all.item(menuObj).className = "LINKSON" then 'IF MENU OPEN THEN CLOSE
document.all.item(menuObj).className = "LINKSOFF"
document.all.item(cellBk).style.backgroundColor = "#0000FF" ' SET CELL BACKGROUND COLOUR BLUE
ELSE
document.all.item(menuObj).className = "LINKSON" ' OPEN MENU
document.all.item(cellBk).style.backgroundColor = "#3366FF" ' SET CELL BACKGROUND COLOUR RED
END IF
END SUB
-->
</Script>
</head>
<body>
<div align="center">
<center>
<table>
<td ID="head0" ALIGN="center" width="113" height="15" CLASS="HEADING" ONCLICK="ShowHide(0)">Button1</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 1 -->
<div ID="Link0" CLASS="LINKSOFF">
<a CLASS="nav" href="http://www.leejoo.nl"><b>Menu1</b></a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub1</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub2</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub3</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub4</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub5</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head1" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(1)">Button2</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 2 -->
<div ID="Link1" CLASS="LINKSOFF">
<a CLASS="nav" href="http://www.leejoo.nl"><b>Menu2</b></a><br>
<a CLASS="nav" href="http://www.leejoo.nl" href="www.leejoo.nl" nav">Sub1</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub2</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub3</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub4</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub5</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head2" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(2)">Button3</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 3 -->
<div ID="Link2" CLASS="LINKSOFF">
<a CLASS="nav" href="http://www.leejoo.nl"><b>Menu3</b></a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub1</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub2</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub3</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub4</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub5</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head3" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(3)">Button4</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 4 -->
<div ID="Link3" CLASS="LINKSOFF">
<a CLASS="nav" href="http://www.leejoo.nl"><b>Menu4</b></a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub1</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub2</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub3</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub4</a><br>
<a CLASS="nav" href="http://www.leejoo.nl">Sub5</a><br>
</div>
</td>
</tr>
</table>
</center>
</div>