Kod Önizlemesi:
Kod:
<html>
<head>
<style>
body{ background-color:#666666; font-family:arial;}
table{font-size:80%;
background:black;
width:80%}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FF0000}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table border="1">
<tr bgcolor="#FF8080">
<td onMouseOver="showmenu('link1')" onMouseOut="hidemenu('link1')">
<a href="#">Linkler</a><br />
<table class="menu" id="link1" width="120">
<tr><td class="menu"><a href="http://www.webdehouse.tr.gg">WebdeHouse</a></td></tr>
<tr><td class="menu"><a href="http://www.webdehouse.tr.gg">WebdeHouse</a></td></tr>
<tr><td class="menu"><a href="http://www.webdehouse.tr.gg">WebdeHouse</a></td></tr>
<tr><td class="menu"><a href="http://www.webdehouse.tr.gg">WebdeHouse</a></td></tr>
<tr><td class="menu"><a href="http://www.webdehouse.tr.gg">WebdeHouse</a></td></tr>
</table>
</td>
<td onMouseOver="showmenu('link2')" onMouseOut="hidemenu('link2')">
<a href="#">Linkler</a><br />
<table class="menu" id="link2" width="120">
<tr><td class="menu"><a href="http://www.turkvista.tr.gg">TurkVista</a></td></tr>
<tr><td class="menu"><a href="http://www.turkvista.tr.gg">TurkVista</a></td></tr>
<tr><td class="menu"><a href="http://www.turkvista.tr.gg">TurkVista</a></td></tr>
<tr><td class="menu"><a href="http://www.turkvista.tr.gg">TurkVista</a></td></tr>
<tr><td class="menu"><a href="http://www.turkvista.tr.gg">TurkVista</a></td></tr>
</table>
</td>
<td onMouseOver="showmenu('link3')" onMouseOut="hidemenu('link3')">
<a href="#">Linkler</a><br />
<table class="menu" id="link3" width="120">
<tr><td class="menu"><a href="http://www.sihirbaz.biz">Sihirbaz</a></td></tr>
<tr><td class="menu"><a href="http://www.sihirbaz.biz">Sihirbaz</a></td></tr>
<tr><td class="menu"><a href="http://www.sihirbaz.biz">Sihirbaz</a></td></tr>
<tr><td class="menu"><a href="http://www.sihirbaz.biz">Sihirbaz</a></td></tr>
<tr><td class="menu"><a href="http://www.sihirbaz.biz">Sihirbaz</a></td></tr>
</table>
</td>
</tr>
</table>
<p> </p>
</body>
</html> |
