אתה בטח תבין מה לערוך בקוד הבא:
HTML קוד:
<html>
<head>
<script language="javascript">
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a href="home.html">Home</a>
</td>
<td onmouseover="showHideTable('products')" onmouseout="showHideTable('products')">
<a href="products.html">Products</a><br>
<div class="menu" id="products">
<a href="page1.html">prod 1</a><br>
<a href="page2.html">prod 2</a><br>
<a href="page3.html">prod 3</a><br>
</div>
</td>
<td onmouseover="showHideTable('contacts')" onmouseout="showHideTable('contacts')">
<a href="contacts.html">contacts</a><br>
<div class="menu" id="contacts">
<a href="mailto:shlomi@www.com">Sales</a><br>
<a href="mailto:yoav@www.com">Marketing</a><br>
<a href="mailto:david@www.com">Management</a><br>
</div>
</td>
<td onmouseover="showHideTable('search')" onmouseout="showHideTable('search')">
<a href="search.html">search</a><br>
<div class="menu" id="search">
<a href="search.asp?keyword=book">Books</a><br>
<a href="search.asp?keyword=block">Building Blocks</a><br>
<a href="search.asp?keyword=computer">Computers</a><br>
</div>
</td>
</tr>
</table>
</body>
</html>