C# 我已将静态菜单代码转换为动态菜单代码_C#_Html_Css_Asp.net

C# 我已将静态菜单代码转换为动态菜单代码

c# html css asp.net

C# 我已将静态菜单代码转换为动态菜单代码,c#,html,css,asp.net,C#,Html,Css,Asp.net,我已将静态代码转换为动态我的静态工作正常，但在动态鼠标悬停效果已停止工作，当我做鼠标悬停时，它将显示我的子菜单 <head runat="server"> <title></title> <style> ul { list-style-type: none; margin: 0; padding: 0; o

我已将静态代码转换为动态我的静态工作正常，但在动态鼠标悬停效果已停止工作，当我做鼠标悬停时，它将显示我的子菜单

<head runat="server">
    <title></title>
    <style>
        ul
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #428bca;
        }

        li
        {
            float: left;
        }

        li a, .dropbtn
        {
            display: inline-block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover, .dropdown:hover .dropbtn
        {
            background-color: inherit;
        }

        li.dropdown
        {
            display: inline-block;
        }

        .dropdown-content
        {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a
        {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .dropdown-content a:hover
        {
            background-color: #f1f1f1;
        }

        .dropdown:hover .dropdown-content
        {
            display: block;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <ul>
        <li class="dropdown"><a href="#" class="dropbtn">MY ARTICLES</a>
            <div class="dropdown-content">
                <a href="#">Aapnu Surat</a> <a href="#">ચોકલેટી અભિનેતા વિનોદ મેહરા</a> <a href="#">
                    ઋષિસમાન સંગીતકાર સચિનદેવ બર્મન</a>
            </div>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">MY PRESENTATIONS</a>
            <div class="dropdown-content">
                <a href="#">Safaltani Sargam Part I</a> <a href="#">Safaltani Sargam Part II</a>
                <a href="#">The Art Of Illusion</a> <a href="#">100 Years Of Indian Cinema - Part I
                    Silent Film Era</a>
            </div>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">DRAMA</a>
            <div class="dropdown-content">
                <a href="#">Result Of SMC Drama Contest</a> <a href="#">RESULTS OF 39th SMC DRAMA CONTEST</a>
                <a href="#">The Result Of SMC Drama Contest 2012</a> <a href="#">An Enemy Of The People</a>
            </div>
            </div> </li>
        <li class="dropdown"><a href="#" class="dropbtn">GUJARAT</a>
            <div class="dropdown-content">
                <a href="#">Link 1વી ધ પીપલ ઓફ ગુજરાત</a>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">INDIAN CULTURE</a>
            <div class="dropdown-content">
                <a href="#">The Vedic Culture - Guj</a>
            </div>
        </li>
    </ul>
    </form>
</body>
</html>

Select all

Open in new window
this is for static 
  <style>
        /* ul */
        .submenu
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #428bca;
        }

        .submenu li
        {
            float: left;
        }

        .submenu li a, .dropbtn
        {
            display: inline-block;
            color: white;
            text-align: center;
            padding: 12px 36px;
            text-decoration: none;
        }

        .submenu li a:hover, .dropdown:hover .dropbtn
        {
            background-color: inherit;
        }

        .submenu li.dropdown
        {
            display: inline-block;
        }

        .submenu .dropdown-content
        {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .submenu .dropdown-content a
        {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .submenu .dropdown-content a:hover
        {
            background-color: #f1f1f1;
        }

        .submenu .dropdown:hover .submenu .dropdown-content
        {
            display: block;
        }
    </style>
  <div class="Container">
            <ul class="submenu" id="topicmenu" runat="server">
            </ul>
        </div>
private void fillMenu()
    {
        clsTopic objTopic = new clsTopic(true);
        objTopic.SelectAll();
        string str = string.Empty;
        int i = 0;

        for (i = 0; i < objTopic.ListclsTopic.Count; i++)
        {
            str +=@"<li class='dropdown'><a href='#' class='dropbtn' style='text-transform:uppercase;'>"+ objTopic.ListclsTopic[i].TopicName+@"</a></li>";
        }
        topicmenu.InnerHtml = str;  
    }


保险商实验室
{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#428bca；
}
锂
{
浮动：左；
}
李安，.dropbtn
{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉：悬停.dropbtn
{
背景色：继承；
}
li.下拉列表
{
显示：内联块；
}
.下拉内容
{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a
{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停
{
背景色：#f1f1；
}
.下拉：悬停.下拉内容
{
显示：块；
}












全选
在新窗口中打开
这是静态的
/*保险商实验室*/
.子菜单
{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#428bca；
}
.子菜单li
{
浮动：左；
}
.子菜单li a、.dropbtn
{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：12px 36px；
文字装饰：无；
}
.子菜单li a:悬停，.下拉：悬停.dropbtn
{
背景色：继承；
}
.子菜单li.下拉列表
{
显示：内联块；
}
.子菜单.下拉列表内容
{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.子菜单.下拉列表内容a
{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.子菜单.下拉列表内容a:悬停
{
背景色：#f1f1；
}
.子菜单.下拉列表：悬停.子菜单.下拉列表内容
{
显示：块；
}


私有void fillMenu（）
{
clsTopic objTopic=新clsTopic（真）；
objTopic.SelectAll（）；
string str=string.Empty；
int i=0；
对于（i=0；i”；
}
topicmenu.InnerHtml=str；
}

我想把它转换成动态编码，我已经转换了，但当我在菜单上悬停时，我找不到子菜单

<head runat="server">
    <title></title>
    <style>
        ul
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #428bca;
        }

        li
        {
            float: left;
        }

        li a, .dropbtn
        {
            display: inline-block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover, .dropdown:hover .dropbtn
        {
            background-color: inherit;
        }

        li.dropdown
        {
            display: inline-block;
        }

        .dropdown-content
        {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a
        {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .dropdown-content a:hover
        {
            background-color: #f1f1f1;
        }

        .dropdown:hover .dropdown-content
        {
            display: block;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <ul>
        <li class="dropdown"><a href="#" class="dropbtn">MY ARTICLES</a>
            <div class="dropdown-content">
                <a href="#">Aapnu Surat</a> <a href="#">ચોકલેટી અભિનેતા વિનોદ મેહરા</a> <a href="#">
                    ઋષિસમાન સંગીતકાર સચિનદેવ બર્મન</a>
            </div>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">MY PRESENTATIONS</a>
            <div class="dropdown-content">
                <a href="#">Safaltani Sargam Part I</a> <a href="#">Safaltani Sargam Part II</a>
                <a href="#">The Art Of Illusion</a> <a href="#">100 Years Of Indian Cinema - Part I
                    Silent Film Era</a>
            </div>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">DRAMA</a>
            <div class="dropdown-content">
                <a href="#">Result Of SMC Drama Contest</a> <a href="#">RESULTS OF 39th SMC DRAMA CONTEST</a>
                <a href="#">The Result Of SMC Drama Contest 2012</a> <a href="#">An Enemy Of The People</a>
            </div>
            </div> </li>
        <li class="dropdown"><a href="#" class="dropbtn">GUJARAT</a>
            <div class="dropdown-content">
                <a href="#">Link 1વી ધ પીપલ ઓફ ગુજરાત</a>
        </li>
        <li class="dropdown"><a href="#" class="dropbtn">INDIAN CULTURE</a>
            <div class="dropdown-content">
                <a href="#">The Vedic Culture - Guj</a>
            </div>
        </li>
    </ul>
    </form>
</body>
</html>

Select all

Open in new window
this is for static 
  <style>
        /* ul */
        .submenu
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #428bca;
        }

        .submenu li
        {
            float: left;
        }

        .submenu li a, .dropbtn
        {
            display: inline-block;
            color: white;
            text-align: center;
            padding: 12px 36px;
            text-decoration: none;
        }

        .submenu li a:hover, .dropdown:hover .dropbtn
        {
            background-color: inherit;
        }

        .submenu li.dropdown
        {
            display: inline-block;
        }

        .submenu .dropdown-content
        {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .submenu .dropdown-content a
        {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .submenu .dropdown-content a:hover
        {
            background-color: #f1f1f1;
        }

        .submenu .dropdown:hover .submenu .dropdown-content
        {
            display: block;
        }
    </style>
  <div class="Container">
            <ul class="submenu" id="topicmenu" runat="server">
            </ul>
        </div>
private void fillMenu()
    {
        clsTopic objTopic = new clsTopic(true);
        objTopic.SelectAll();
        string str = string.Empty;
        int i = 0;

        for (i = 0; i < objTopic.ListclsTopic.Count; i++)
        {
            str +=@"<li class='dropdown'><a href='#' class='dropbtn' style='text-transform:uppercase;'>"+ objTopic.ListclsTopic[i].TopicName+@"</a></li>";
        }
        topicmenu.InnerHtml = str;  
    }