V
Vani Kulkarni
Hello,
I have a menu in my web page, hovering on which it displays the
contents.
Its been constructed using <ul> and <li> tags.
The problem is that the menu appears on page load which i dont it to
happen. I want the menu to be appeared only if I hover the mouse on it.
Here is the code i have written :
<script type="text/javascript" language="JavaScript1.2">
function menuHover(id)
{
var d = document.getElementById(id);
if (document.getElementById('menu1'))
{
document.getElementById('menu1').style.display='none';
}
if (d)
{
d.style.display='block';
}
}
</script>
<dt onmouseover="menuHover('menu1');" onmouseout="menuHover('');">
<img src="/images/images.gif" id="image_view" runat="server">
</dt>
<dd id="menu1" onmouseover="menuHover('menu1');"
onmouseout="menuHover('');">
<ul>
<li> Content 1 </li>
<li> Content 1 </li>
</ul>
</dd>
Can anyone help me out this? Its urgent !!
I have a menu in my web page, hovering on which it displays the
contents.
Its been constructed using <ul> and <li> tags.
The problem is that the menu appears on page load which i dont it to
happen. I want the menu to be appeared only if I hover the mouse on it.
Here is the code i have written :
<script type="text/javascript" language="JavaScript1.2">
function menuHover(id)
{
var d = document.getElementById(id);
if (document.getElementById('menu1'))
{
document.getElementById('menu1').style.display='none';
}
if (d)
{
d.style.display='block';
}
}
</script>
<dt onmouseover="menuHover('menu1');" onmouseout="menuHover('');">
<img src="/images/images.gif" id="image_view" runat="server">
</dt>
<dd id="menu1" onmouseover="menuHover('menu1');"
onmouseout="menuHover('');">
<ul>
<li> Content 1 </li>
<li> Content 1 </li>
</ul>
</dd>
Can anyone help me out this? Its urgent !!