java script açılır menü yarıdm

javascript açılır menude değişiklik yapmak istiyorum fakat birtürlü yapamadım.... resimde gördüğünüz üzerine gelince menü aşağıya doğru açılıyor... ben bu menüde ana menünün alt alta sıralanarak alt menülerinde yana doğru açılmasını istiyorum.... yardım ederseniz sevinirim
teşekkürler..

kod

<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>

<table border="1">
<tr bgcolor="#FF8080">
<td onmouseover="showmenu('link1')" onmouseout="hidemenu('link1')">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=#" data-href="#">Linkler</a><br/>
<table id="link1" width="120" class="menu">
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('link2')" onmouseout="hidemenu('link2')">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=#" data-href="#">Linkler</a><br/>
<table id="link2" width="120" class="menu">
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('link3')" onmouseout="hidemenu('link3')">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=#" data-href="#">Linkler</a><br/>
<table id="link3" width="120" class="menu">
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=27113545&url=http://www.yahoo.com" data-href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
</tr>
</table>
<p> </p>

< Bu mesaj bu kişi tarafından değiştirildi forumefc -- 11 Ekim 2008; 20:15:16 >

java script açılır menü yarıdm

Benzer içerikler