noStyleDesign
%Europe/Berlin %971 %2005, 00:18
je zou het ook in HTML kunnen maken :
dit tussen de <head> tags :
<style type="text/css">
body{font-family:tahoma;font-size:10pt}
A:hover{color:white;font-weight:bold;text-decoration:underline}
a{text-decoration:none}
</style>
<script language="JavaScript">
<!-- INSTRUCTIES
/*
VERANDER HIERONDER DE VARIABELEN VAN DIT MENU
*/
var menu_pos=0;
/* menu_pos - the value 0 means the menu will be hidden when the page is opened and if value is set to 1 then the menu will be shown when the page is opened */
var menu_speed=10;
/* menu_speed - this value allows you to change the speed of the menu. (1 to 10) (1 is the slowest) Note that the lower the speed the smoother the menu is */
var instant_close=0;
/* instant_close - if you want the menu to close as soon as the user leaves the menu, set this value to 1 else 0 */
//Don't change anything after this line unless you know what youre doing
if (menu_speed > 10)
{
menu_speed=10;
}
if(document.all)
{
doc = "document.all";
sty = ".style";
htm = ""
}
else if(document.layers)
{
doc = "document";
sty = "";
htm = ".document"
}
function positionLayers()
{
abcObj = eval(doc + '["abcLyr"]' + sty);
abcObj.left = 5;
if(menu_pos==0)
{
abcObj.top = -265;
}
else
{
abcObj.top = 2;
}
}
function pullitup()
{
if (window.dropdown)
{
clearInterval(dropdown)
}
pullup=setInterval("uplift()",1)
}
function dropitdown()
{
if (window.pullup)
{
clearInterval(pullup)
}
dropdown=setInterval("downlift()",1)
}
function uplift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 >= -260 )
{
if(instant_close==1)
{
abcObj.top=-265;
}
else if(instant_close==0)
{
abcObj.top = x_pos1-menu_speed;
}
}
else if (window.pullup)
{
clearInterval(pullup);
}
}
function downlift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 < 0 )
{
abcObj.top = x_pos1+menu_speed;
}
else if (window.dropdown)
{
clearInterval(dropdown);
}
}
function info()
{
alert("This is a script");
}
// end it-->
</script>
en dit tussen de <body> tags :
<body onload="positionLayers();" bgcolor="#000000" vlink="#008000" alink="#FFFFFF" link="#CCFFCC" leftmargin="15" rightmargin="15" topmargin="25" text="#00FF00">
<div id="abcLyr" style="position: absolute; left: 40; top: 9; width: 167; height: 294; z-index: 100; visibility: visible" onmouseover="dropitdown()" onmouseout="pullitup()">
<table bgcolor="#404040" width="140" height="290" border="1" bordercolor="#008000" bordercolordark="#000000" bordercolorlight="#000033" cellspacing="0">
<tr><td align="left" valign="middle">
<p align="center"><font size="1">Inhoud</font></p>
</td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 1</font>
</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 2</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 5</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
6</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
7</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
8</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><font size="1"> MENU</font></td></tr>
<!--<tr><td align="center" valign="bottom"><font size="-2"><b>Menu »</b> <a href="javascript:void(0)" onclick="downlift()"><b>Show</b></a> <b>/</b> <a href="javascript:void(0)" onclick="uplift()"><b>Hide</b></a></font></td></tr>-->
</table>
</div>
*of bedoel je dit niet