<html>
<HEAD><TITLE>menu
</TITLE>
<style>
a:hover {color:white; text-decoration:none;}
a:link {color:yellow; text-decoration:none}
a:visited {color:white; text-decoration:none}
#essenmenu
{
position: absolute;
top: 0;
left: 0;
z-index: 1;
font:xx-large arial
}
#essen
{
position: absolute;
top: -120;
left: 0;
z-index: 0;
font:xx-large arial
}
#trinkenmenu
{
position: absolute;
top: 0;
left: 120;
z-index: 1;
font:xx-large arial
}
#trinken
{
position: absolute;
top: -92;
left: 120;
z-index: 0;
font:xx-large arial
}
</style>
<script language="JavaScript">
var eypos=-124, ejump=-4;
var typos=-92, tjump=-4;
var delay=2;
function do_essen()
{
if(typos>-92)
{
tjump=-4;
if(typos>=30)
trinken_fahren();
}
ejump=-ejump;
if(eypos<=-122 || eypos>=30)
essen_fahren();
}
function essen_fahren()
{
if(document.layers) document.essen.top=eypos; else document.all.essen.style.top=eypos;
eypos+=ejump;
if(eypos>-122 && eypos<30)
setTimeout("essen_fahren()", delay);
}
function do_trinken()
{
if(eypos>-122)
{
ejump=-4;
if(eypos>=30)
essen_fahren();
}
tjump=-tjump;
if(typos<=-92 || typos>=30)
trinken_fahren();
}
function trinken_fahren()
{
if(document.layers) document.trinken.top=typos; else document.all.trinken.style.top=typos;
typos+=tjump;
if(typos>-92 && typos<30)
setTimeout("trinken_fahren()", delay);
}
</script>
</HEAD>
<BODY>
<div id=essenmenu>
<table width=120 height=30 bgcolor="deeppink" cellspacing=0>
<tr><td align=middle><a href="javascript:do_essen()"><b>Masakan</b></a>
</table>
</div>
<div id=trinkenmenu>
<table width=150 height=30 bgcolor="deeppink" cellspacing=0>
<tr><td align=middle><a href="javascript:do_trinken()"><b>Minuman</b></a>
</table>
</div>
<div id=essen>
<table bgcolor=blue width=120 height=150 cellspacing=2>
<tr><td align=middle><button>Sayur Sop</button>
<tr><td align=middle><button >Nasi Goreng</button>
<tr><td align=middle><button >Rendang</button>
<tr><td align=middle><button>Soto Ayam</button>
</table>
</div>
<div id=trinken>
<table bgcolor=blue width=150 height=118 cellspacing=2 style="font-weight:bold;color:white">
<tr><td align=middle>Air Mineral</a>
<tr><td align=middle>Kopi</a>
<tr><td align=middle>Teh Matcha</a>
<tr><td align=middle>Boba</a>
</table>
</div>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar