Scroll-down Meny


Velg en Link





Sånn lager du denne scroll-down menyen:

Putt dette scriptet mellom HEAD-taggene:
<SCRIPT LANGUAGE="JavaScript">
var refer=true;
function godown() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}}
</script>

Og dette er selve menyen:

<table width="180" border="1" cellspacing="0" cellpadding="0" bordercolor="#5482B4" align=center>
<tr><td bgcolor="#99CCCC" align="center">
<font face="verdana" size="2"> Velg en Link</font>
</td><td align="right" width="21">
<img src="arrow.gif" width="21" height="21" alt="" border="1" onclick="godown()">
</td></tr></table>
<div id="contents" style="position:absolute; left:500px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="180" border="1" cellspacing="0" cellpadding="0" bordercolor="#5482B4"><tr><td bgcolor="#99CCCC">
<font face="verdana" size="2">
<img src="bullet2.gif" border="0" width="8" height="8"> <a href="http://www.winfolinx.com" target="_blank"> <font color="#808080">Winfolinx.com</font></a><br>
<img src="bullet2.gif" border="0" width="8" height="8"> <a href="http://infolinx-no.com/ssi/artikleregne/artiklerindx.php" target="_blank"> <font color="#808080">Tips og Scripts</font></a><br>
<img src="bullet2.gif" border="0" width="8" height="8"> <a href="http://infolinx-no.com/ssi/artikleregne/css/cssindex.php" target="_blank"> <font color="#808080">Lær om CSS</font></a><br>
</font>
</td></tr></table>
</div>


Lav så mange linker du vil.
Hvis du trenger bildene til menyen kan du laste dem ned her: Arrow.gif   Bullet2.gif