下拉菜单不隐藏 [英] Drop down menu not hiding

问题描述

我在页面加载事件中从数据库填充菜单控件.在页面加载事件中，我正在使用JavaScript隐藏菜单.在一个图像链接鼠标悬停中，我要调用另一个JavaScript函数以使其可见.

我的问题是我的菜单没有在鼠标移出时自动隐藏.


我的菜单:

Hi,

I am populating a menu control from database in my page load event. In my page load event I am using a JavaScript to hide the menu. And in one image link mouse hover I am calling one more JavaScript function to make it visible.

My problem is my menu is not hiding automatically in mouse out.


My Menu:

<asp:Menu ID="mnuProject" runat="server"
        onmenuitemclick="mnuProject_MenuItemClick" Style="z-index: 200; left: 1200px;
           position: absolute; top: 97px"

                    DynamicHorizontalOffset="2"
                    MaximumDynamicDisplayLevels="6";
                    StaticSubMenuIndent="10px"

                    Height="0px"
                    StaticMenuItemStyle-CssClass="menuItemA"
                    DynamicMenuItemStyle-CssClass="subMenuItemA"
                    DynamicHoverStyle-CssClass="subMenuItem_selectedA">

CSS:

CSS:

.menuItemA
{
    font-family: Arial;
    font-size: small;
    color: White;
    background-attachment: scroll;
    background-image:url('../Images/small-bar.png');
}

.subMenuItemA
{
    font-family: Arial;
    font-size: small;
    color: Navy;
    background-attachment: scroll;
    background-image: url("../Images/Menu subitem background silver.png");
    padding-top: 5px;
    padding-bottom:5px;
}
.subMenuItem_selectedA
{
    font-family: Arial;
    font-size: small;
    color: Blue;
    padding-top: 5px;
}

加载事件代码:

Load event code:

 mnuProject.Items.Clear();
        DataSet ds = master.SelectProjectDetails();
        Menu menu = new Menu();
        foreach (DataRow parentItem in ds.Tables[0].Rows)
        {
            MenuItem categoryItem = new MenuItem((string)parentItem["ProjectName"]);
            mnuProject.Items.Add(categoryItem);
        } 

mnuProject.Attributes.Add("style", "visibility:hidden;z-index: 200; left: 1200px; position: absolute; top: 97px");

使其可见:
在某些图像中，鼠标悬停:

To make it visible:
In some image mousehover :

function showProject() {
    document.getElementById('mnuProject').style.visibility = 'visible';
}

请解决我的问题.

Please solve my problem guys.

推荐答案

首先检查您的浏览器是否禁用了Javascript.代码对我来说似乎还可以.我很久以前就这样做了，仍然很好.

First check whether Javascript is disabled on your browser or not. Code seems OK with me. I did that a long time back, still, its fine.

这篇关于下拉菜单不隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！